todo-vue

Sample todo app built with the Vue 3 and Vite. More details on component testing in Nightwatch using Vite available on the Component testing guide page on Nightwatch docs.

Live preview: https://todo-vue3-vite.netlify.app/

This project uses ES Modules. Node 12+ required.

Project setup

npm install

Run locally

npm run dev

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.

Run tests

Tests are written using Nightwatch 2 and cover both component testing and end-to-end testing.

For component testing, the @nightwatch/vue plugin is used, which can start/stop the Vite server automatically.

Start the Vite dev server:

npm run dev

Run component tests

This will run a sample component test for the ToDoForm.vue component in Chrome:

npm test

Run end-to-end tests

This will run the end-to-end tests in Chrome:

npm run test-e2e

Headless mode

To run the tests in headless mode (for example to run them in Github Actions), add the -- --headless argument to the npm task:

npm run test-e2e -- --headless