|
2 | 2 | // https://github.com/vuejs/vuex/tree/dev/examples/counter
|
3 | 3 | import Counter from '../../components/Counter.vue'
|
4 | 4 | import store from '../../components/store'
|
5 |
| -const mountVue = require('../..') |
| 5 | +import Vuex from 'vuex' |
| 6 | +import mountVue from '../..' |
6 | 7 |
|
7 | 8 | /* eslint-env mocha */
|
8 | 9 | describe('Vuex Counter', () => {
|
9 |
| - const extensions = { |
| 10 | + const extensions = { |
| 11 | + plugins: [Vuex], |
10 | 12 | components: {
|
11 | 13 | counter: Counter
|
12 | 14 | },
|
13 | 15 | }
|
14 | 16 | const template = '<counter />'
|
15 | 17 | beforeEach(mountVue({template, store}, {extensions}))
|
16 | 18 |
|
| 19 | + const getCount = () => |
| 20 | + Cypress.vue.$store.state.count |
| 21 | + |
| 22 | + const setCount = value => { |
| 23 | + Cypress.vue.$store.state.count = value |
| 24 | + } |
| 25 | + |
17 | 26 | it('starts with zero', () => {
|
18 |
| - cy.contains('button', '0') |
| 27 | + cy.contains('0 times') |
| 28 | + }) |
| 29 | + |
| 30 | + it('increments the counter on click of "+"', () => { |
| 31 | + cy.contains('button', '+').click() |
| 32 | + cy.contains('1 times') |
| 33 | + }) |
| 34 | + |
| 35 | + it('decrements the counter on click of "-"', () => { |
| 36 | + cy.contains('button', '-').click() |
| 37 | + cy.contains('0 times') |
| 38 | + }) |
| 39 | + |
| 40 | + it('increments the counter if count is odd', () => { |
| 41 | + setCount(3) |
| 42 | + cy.contains('odd') |
| 43 | + cy.contains('button', 'Increment if odd').click() |
| 44 | + cy.contains('even') |
| 45 | + }) |
| 46 | + |
| 47 | + it('asynchronously increments counter', () => { |
| 48 | + let count = getCount() |
| 49 | + cy.contains('button', 'Increment async').click() |
| 50 | + cy.contains(`${count++} times`) |
19 | 51 | })
|
20 | 52 | })
|
0 commit comments