feat(tests): add set min/max zoom action tests

e2e/cypress/component/1-store/actions/viewpane/setMaxZoom.cy.ts

@@ -0,0 +1,34 @@
+import { useVueFlow } from '@braks/vue-flow'
+import { getElements } from '../../../../utils'
+
+const { nodes } = getElements()
+
+describe('Store Action: `setMinZoom`', () => {
+  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', () => {
+    cy.viewPort().trigger('wheel', {
+      deltaY: -1000,
+      wheelDelta: 0,
+      wheelDeltaX: 0,
+      wheelDeltaY: 0,
+      bubbles: true,
+    })
+
+    cy.transformationPane().should('have.css', 'transform', 'matrix(2, 0, 0, 2, -800, -236)')
+  })
+})

e2e/cypress/component/1-store/actions/viewpane/setMinZoom.cy.ts

@@ -0,0 +1,34 @@
+import { useVueFlow } from '@braks/vue-flow'
+import { getElements } from '../../../../utils'
+
+const { nodes } = getElements()
+
+describe('Store Action: `setMinZoom`', () => {
+  const store = useVueFlow({ id: 'test' })
+
+  beforeEach(() => {
+    cy.vueFlow({
+      nodes,
+    })
+  })
+
+  beforeEach(() => {
+    store.setMinZoom(0.5)
+  })
+
+  it('sets min-zoom in store', () => {
+    expect(store.minZoom.value).to.eq(0.5)
+  })
+
+  it('sets min-zoom in viewpane', () => {
+    cy.viewPort().trigger('wheel', {
+      deltaY: 100,
+      wheelDelta: 1000,
+      wheelDeltaX: 1000,
+      wheelDeltaY: 1000,
+      bubbles: true,
+    })
+
+    cy.transformationPane().should('have.css', 'transform', 'matrix(0.5, 0, 0, 0.5, -12.5, 128.5)')
+  })
+})