You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
626 B
35 lines
626 B
3 years ago
|
# jest-serializer-vue
|
||
|
|
|
||
|
|
Jest Vue snapshot serializer
|
||
|
|
|
||
|
|
## Installation
|
||
|
|
|
||
|
|
```
|
||
|
|
npm install --save-dev jest-serializer-vue
|
||
|
|
```
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
You need to tell Jest to use the serializer. Add this to your Jest config:
|
||
|
|
|
||
|
|
```
|
||
|
|
"snapshotSerializers": [
|
||
|
|
"<rootDir>/node_modules/jest-serializer-vue"
|
||
|
|
]
|
||
|
|
```
|
||
|
|
|
||
|
|
And your snapshot tests will be pretty printed 💅
|
||
|
|
|
||
|
|
```js
|
||
|
|
import { shallow } from 'avoriaz'
|
||
|
|
import Basic from './Basic.vue'
|
||
|
|
import { createRenderer } from 'vue-server-renderer'
|
||
|
|
|
||
|
|
describe('Basic.vue', () => {
|
||
|
|
it('renders correctly', () => {
|
||
|
|
const wrapper = shallow(Basic)
|
||
|
|
expect(wrapper.html()).toMatchSnapshot()
|
||
|
|
})
|
||
|
|
})
|
||
|
|
```
|