init from https://github.com/Hufe921/canvas-editor

cypress/e2e/editor.cy.ts

@@ -0,0 +1,67 @@
+import Editor from '../../src/editor'
+
+describe('基础功能', () => {
+  beforeEach(() => {
+    cy.visit('http://localhost:3000/canvas-editor/')
+
+    cy.get('canvas').first().as('canvas').should('have.length', 1)
+  })
+
+  const text = 'canvas-editor'
+
+  it('编辑保存', () => {
+    cy.getEditor().then((editor: Editor) => {
+      editor.command.executeSelectAll()
+
+      editor.command.executeBackspace()
+
+      cy.get('@canvas')
+        .type(text)
+        .then(() => {
+          const data = editor.command.getValue().data.main
+
+          expect(data[0].value).to.eq(text)
+        })
+    })
+  })
+
+  it('模式切换', () => {
+    cy.get('@canvas').click()
+
+    cy.get('.ce-cursor').should('have.css', 'display', 'block')
+
+    cy.get('.editor-mode').click().click()
+
+    cy.get('.editor-mode').contains('只读')
+
+    cy.get('@canvas').click()
+
+    cy.get('.ce-cursor').should('have.css', 'display', 'none')
+  })
+
+  it('页面缩放', () => {
+    cy.get('.page-scale-add').click()
+
+    cy.get('.page-scale-percentage').contains('110%')
+
+    cy.get('.page-scale-minus').click().click()
+
+    cy.get('.page-scale-percentage').contains('90%')
+  })
+
+  it('字数统计', () => {
+    cy.getEditor().then((editor: Editor) => {
+      editor.command.executeSelectAll()
+
+      editor.command.executeBackspace()
+
+      editor.command.executeInsertElementList([
+        {
+          value: 'canvas-editor 2022 编辑器'
+        }
+      ])
+
+      cy.get('.word-count').contains('7')
+    })
+  })
+})