tests: properly check element transforms

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

@@ -20,7 +20,7 @@ describe('Store Action: `setMaxZoom`', () => {
     expect(store.maxZoom.value).to.eq(2)
   })
 
-  it('sets max-zoom in viewpane', () => {
+  it('sets max-zoom in viewpane', async () => {
     cy.viewPort().trigger('wheel', {
       deltaY: -10000,
       wheelDelta: 0,
@@ -29,9 +29,12 @@ describe('Store Action: `setMaxZoom`', () => {
       bubbles: true,
     })
 
-    cy.transformationPane().then(($el) => {
-      const transform = $el.css('transform')
-      expect(transform).to.contain('matrix(2,')
+    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})`,
+      )
     })
   })
 })

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

@@ -29,9 +29,10 @@ describe('Store Action: `setMinZoom`', () => {
       bubbles: true,
     })
 
-    cy.transformationPane().then(($el) => {
-      const transform = $el.css('transform')
-      expect(transform).to.contain('matrix(0.5')
-    })
+    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})`,
+    )
   })
 })