Files
vue-flow/tests/cypress/component/1-store/viewpane/setMaxZoom.cy.ts
2023-02-22 20:20:11 +01:00

41 lines
890 B
TypeScript

import { useVueFlow } from '@vue-flow/core'
import { getElements } from '../../../utils'
const { nodes } = getElements()
describe('Store Action: `setMaxZoom`', () => {
const store = useVueFlow({ id: 'test' })
beforeEach(() => {
cy.vueFlow({
nodes,
})
})
beforeEach(() => {
store.setMaxZoom(2)
})
it('sets max-zoom in store', () => {
expect(store.maxZoom.value).to.eq(2)
})
it('sets max-zoom in viewpane', async () => {
cy.viewPort().trigger('wheel', {
deltaY: -10000,
wheelDelta: 0,
wheelDeltaX: 0,
wheelDeltaY: 0,
bubbles: true,
})
await cy.tryAssertion(() => {
cy.transformationPane().should(
'have.css',
'transform',
`matrix(${store.viewport.value.zoom}, 0, 0, ${store.viewport.value.zoom}, ${store.viewport.value.x}, ${store.viewport.value.y})`,
)
})
})
})