A dev container in the most simple context allows one to create a consistent development environment within a docker container that can easily be opened locally or remotely via codespaces such that contributors don't need to install anything to contribute.
- https://code.visualstudio.com/docs/devcontainers/containers
- https://containers.dev/
- https://github.com/devcontainers
- https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers
To use this dev container locally, make sure Docker is installed and in VSCode install the ms-vscode-remote.remote-containers extension. Then from the root of Dioxus you can type Ctrl + Shift + P, then choose Dev Containers: Rebuild and Reopen in Devcontainer.
The dev container comes with Playwright dependencies pre-installed.
You can run the tests located in packages/playwright-tests by using the VSCode extension or by executing commands such as:
# Run all tests
npx playwright test
# Run tests using the UI mode
npx playwright test --ui-host=0.0.0.0If having difficulty commiting with github, and you use ssh or gpg keys, you may need to ensure that the keys are being shared properly between your host and VSCode.
Though VSCode does a pretty good job sharing credentials between host and devcontainer, to save some time you can always just reopen the container locally to commit with Ctrl + Shift + P, then choose Dev Containers: Reopen Folder Locally