feat:add image test case

cypress/integration/menus/image.spec.ts

@@ -0,0 +1,28 @@
+import Editor from '../../../src/editor'
+
+describe('菜单-图片', () => {
+
+  beforeEach(() => {
+    cy.visit('http://localhost:3000/canvas-editor/')
+
+    cy.get('canvas').first().as('canvas').should('have.length', 1)
+  })
+
+  it('图片', () => {
+    cy.getEditor().then((editor: Editor) => {
+      editor.listener.saved = function (payload) {
+        const data = payload.data
+        expect(data[0].type).to.eq('image')
+      }
+
+      editor.command.executeSelectAll()
+
+      editor.command.executeBackspace()
+
+      cy.get('#image').attachFile('test.png')
+
+      cy.get('@canvas').type('{ctrl}s')
+    })
+  })
+
+})

cypress/support/commands.ts

@@ -1,3 +1,5 @@
+import 'cypress-file-upload'
+
 Cypress.Commands.add('getEditor', () => {
   return cy.window().its('editor')
 })

cypress/tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "es5",
     "lib": ["es2015", "dom", "esnext"],
-    "types": ["cypress"],
+    "types": ["cypress", "cypress-file-upload"],
     "isolatedModules": false,
     "allowJs": true,
     "noEmit": true,

package.json

@@ -12,6 +12,7 @@
     "@types/node": "^16.11.12",
     "@types/prismjs": "^1.26.0",
     "cypress": "^9.5.1",
+    "cypress-file-upload": "^5.0.8",
     "typescript": "^4.3.2",
     "vite": "^2.4.2"
   },

yarn.lock

@@ -313,6 +313,11 @@ cross-spawn@^7.0.0:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+cypress-file-upload@^5.0.8:
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/cypress-file-upload/-/cypress-file-upload-5.0.8.tgz#d8824cbeaab798e44be8009769f9a6c9daa1b4a1"
+  integrity sha512-+8VzNabRk3zG6x8f8BWArF/xA/W0VK4IZNx3MV0jFWrJS/qKn8eHfa5nU73P9fOQAgwHFJx7zjg4lwOnljMO8g==
+
 cypress@^9.5.1:
   version "9.5.1"
   resolved "https://registry.yarnpkg.com/cypress/-/cypress-9.5.1.tgz#51162f3688cedf5ffce311b914ef49a7c1ece076"