cypress 10 migration (#777)

* cypress 10 migration

* fix lint

cypress/e2e/ui/issues/issue-660.cy.js

@@ -0,0 +1,35 @@
+import {
+  visitAndApproveStorage
+} from '../../../support/ui-test-helper.js'
+
+// See https://github.com/SVG-Edit/svgedit/issues/660
+describe('Fix issue 660', function () {
+  beforeEach(() => {
+    visitAndApproveStorage()
+    cy.viewport(512, 512)
+  })
+  /** @todo: reenable this test when we understand why it is passing locally but not on ci */
+  it.skip('can resize text', function () {
+    cy.get('#tool_source').click()
+    cy.get('#svg_source_textarea')
+      .type('{selectall}', { force: true })
+      .type(`<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
+      <g class="layer">
+       <title>Layer 1</title>
+       <text fill="#000000" id="a_text" text-anchor="middle" x="260.5" xml:space="preserve" y="192.5" font-size="40">hello</text>
+      </g>
+     </svg>`, { force: true, parseSpecialCharSequences: false })
+    cy.get('#tool_source_save').click({ force: true })
+    cy.get('#a_text').should('exist')
+    cy.get('#a_text')
+      .trigger('mousedown', { which: 1, force: true })
+      .trigger('mouseup', { force: true })
+    cy.get('#selectorGrip_resize_s')
+      .trigger('mousedown', { which: 1, force: true })
+      .trigger('mousemove', { clientX: 0, clientY: 600 })
+      .trigger('mouseup', { force: true })
+    // svgedit use the #text text field to capture the text
+    cy.get('#a_text').should('have.attr', 'transform')
+      .and('equal', 'matrix(1 0 0 4.54639 0 -540.825)') // Chrome 96 is matrix(1 0 0 4.17431 0 -325.367)
+  })
+})