feat(tests): add vue flow mount command
This commit is contained in:
@@ -24,6 +24,26 @@ import './commands'
|
|||||||
// require('./commands')
|
// require('./commands')
|
||||||
|
|
||||||
import { mount } from 'cypress/vue'
|
import { mount } from 'cypress/vue'
|
||||||
|
import { VueFlow } from '@braks/vue-flow'
|
||||||
|
import type { FlowProps } from '@braks/vue-flow'
|
||||||
|
|
||||||
|
const mountVueFlow = (props?: FlowProps, attrs?: Record<string, any>) => {
|
||||||
|
cy.mount(VueFlow, {
|
||||||
|
props: {
|
||||||
|
id: 'test',
|
||||||
|
fitViewOnInit: true,
|
||||||
|
...props,
|
||||||
|
},
|
||||||
|
attrs: {
|
||||||
|
key: 'flowy',
|
||||||
|
style: {
|
||||||
|
height: '100vh',
|
||||||
|
width: '100vw',
|
||||||
|
},
|
||||||
|
...attrs,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
// Augment the Cypress namespace to include type definitions for
|
// Augment the Cypress namespace to include type definitions for
|
||||||
// your custom command.
|
// your custom command.
|
||||||
@@ -33,11 +53,14 @@ declare global {
|
|||||||
namespace Cypress {
|
namespace Cypress {
|
||||||
interface Chainable {
|
interface Chainable {
|
||||||
mount: typeof mount
|
mount: typeof mount
|
||||||
|
vueFlow: typeof mountVueFlow
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Cypress.Commands.add('mount', mount)
|
Cypress.Commands.add('mount', mount)
|
||||||
|
|
||||||
|
Cypress.Commands.add('vueFlow', mountVueFlow)
|
||||||
|
|
||||||
// Example use:
|
// Example use:
|
||||||
// cy.mount(MyComponent)
|
// cy.mount(MyComponent)
|
||||||
|
|||||||
Reference in New Issue
Block a user