Skip to content

vuex-edit tests #728

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Aug 5, 2018
Merged

vuex-edit tests #728

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9ba7028
add vuex object elements to dev
hootlex Aug 2, 2018
061a24c
vuex-edit tests
hootlex Aug 2, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion cypress/integration/components-tab.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { suite } from '../utils/suite'

const baseInstanceCount = 8
const baseInstanceCount = 9

suite('components tab', () => {
it('should detect instances inside shadow DOM', () => {
Expand Down
40 changes: 38 additions & 2 deletions cypress/integration/vuex-edit.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { suite } from '../utils/suite'

suite('vuex edit', () => {
it('should edit state', () => {
it('should edit state using the decrease button', () => {
cy.get('.vuex-tab').click()
// using the decrease button
cy.get('.data-field').eq(0)
Expand All @@ -12,7 +12,9 @@ suite('vuex edit', () => {
cy.get('#target').iframe().then(({ get }) => {
get('#counter p').contains('-2')
})
})

it('should edit state using the increase button', () => {
// using the increase button
cy.get('.data-field').eq(0).click()
.find('.actions .vue-ui-button').eq(2)
Expand All @@ -22,7 +24,9 @@ suite('vuex edit', () => {
cy.get('#target').iframe().then(({ get }) => {
get('#counter p').contains('0')
})
})

it('should edit state using the edit input', () => {
// using the edit input
cy.get('.data-field').eq(0).click()
.find('.actions .vue-ui-button').eq(0).click({ force: true })
Expand All @@ -33,7 +37,7 @@ suite('vuex edit', () => {
get('#counter p').contains('12')
})

// change count back to 1
// change count back to 0
cy.get('.data-field').eq(0).click()
.find('.actions .vue-ui-button').eq(0).click({ force: true })
cy.get('.edit-input').type('0')
Expand All @@ -43,4 +47,36 @@ suite('vuex edit', () => {
get('#counter p').contains('0')
})
})

it('should edit state nested field', () => {
// using the decrease button
cy.get('.data-field > .children > .data-field').eq(2)
.find('.actions .vue-ui-button').eq(1)
.click({ force: true })
.click({ force: true })

cy.get('#target').iframe().then(({ get }) => {
get('#vuex-object pre').contains('-2')
})

// using the increase button
cy.get('.data-field > .children > .data-field').eq(2)
.find('.actions .vue-ui-button').eq(2)
.click({ force: true })
.click({ force: true })

cy.get('#target').iframe().then(({ get }) => {
get('#vuex-object pre').contains('0')
})

// using the input
cy.get('.data-field > .children > .data-field').eq(2)
.find('.actions .vue-ui-button').eq(0).click({ force: true })
cy.get('.edit-input').eq(1).type('12')
cy.get('.edit-overlay > .actions > :nth-child(2) > .content > .vue-ui-icon').click()

cy.get('#target').iframe().then(({ get }) => {
get('#vuex-object pre').contains('12')
})
})
})
19 changes: 19 additions & 0 deletions shells/dev/target/VuexObject.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<template>
<div id="vuex-object">
<h2>Vuex Object</h2>
<pre>{{ object }}</pre>
</div>
</template>

<script>
import {mapState} from 'vuex'
export default {
computed: {
...mapState(['object'])
},
}
</script>

<style scoped>

</style>
6 changes: 4 additions & 2 deletions shells/dev/target/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import store from './store'
import Target from './Target.vue'
import Other from './Other.vue'
import Counter from './Counter.vue'
import VuexObject from './VuexObject.vue'
import NativeTypes from './NativeTypes.vue'
import Events from './Events.vue'
import MyClass from './MyClass.js'
Expand All @@ -27,11 +28,12 @@ new Vue({
render (h) {
return h('div', null, [
h(Counter),
h(Target, { props: { msg: 'hi', ins: new MyClass() }}),
h(Target, { props: { msg: 'hi', ins: new MyClass() } }),
h(Other),
h(Events, { key: 'foo' }),
h(NativeTypes, { key: new Date() }),
h(Router, { key: [] })
h(Router, { key: [] }),
h(VuexObject)
])
},
data: {
Expand Down
11 changes: 10 additions & 1 deletion shells/dev/target/store.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,16 @@ export default new Vuex.Store({
date: new Date(),
set: new Set(),
map: new Map(),
sym: Symbol('test')
sym: Symbol('test'),
object: {
name: 'I am Object',
number: 0,
children: [
{
number: 0
}
]
}
},
mutations: {
INCREMENT: state => state.count++,
Expand Down