Peppermint allows developers to easily create functional Vue tests without having to write any code. It dynamically converts user inputs into executable test code by using DOM query selectors provided by the vue-testing-library.
Peppermint is currently under development! We are looking for beta testers. Please open a new issue with details to report a bug.
Download Peppermint at www.peppermint.com. Available for Mac OS and Windows. To run tests generated by Peppermint install the following dependencies: jest, jest-serializer-vue, vue-testing-library.
npm i -D jest jest-serializer-vue @testing-library/vue
In your package.json file, add the following "scripts" key and "jest" key as well as their corresponding values:
{
"name": "peppermint",
"version": "0.0.1",
"author": "Peppermint",
...
"scripts": {
"test": "./node_modules/.bin/jest",
},
"jest": {
"moduleFileExtensions": [
"js",
"vue"
],
"snapshotSerializers": [
"jest-serializer-vue"
],
"transform": {
"^.+\\.js$": "babel-jest",
".*\\.(vue)$": "vue-jest"
}
}
- On the initial screen, enter the URL of your project and load your Vue application to start creating tests.
- Utilize our input fields, drop-down options, and tooltips features to easily create query assertion and event test statements.
- Refer to the browser view of your app displayed on the right panel to quickly identify values for your selectors and use the file directory to open up the code editor to easily refer to your codebase.
- Peppermint will then convert user input into dynamically generated test files that will be saved inside a tests folder. To run tests:
npm run test
-
Clone repo.
-
Install dependencies
npm install
- Serve with hot reload at localhost:9080
npm run dev
This project was generated with electron-vue@8fae476 using vue-cli. Documentation about the original structure can be found here.