如何在Cypress中测试Slate JS行为

import { createEditor } from 'slate';
import { withCypress } from 'slate-cypress';

before(() => {
  cy.on('window:before:load', win => {
    win.ReactDOM = null;
    win.React = null;
  });
});

beforeEach(() => {
  cy.visit('/', {
    onBeforeLoad(win) {
      const editor = withCypress(createEditor());
      win.slate = { editor };
    },
  });
});

describe('Slate JS behavior testing', () => {
  it('should insert text when typing', () => {
    cy.get('[contenteditable]').type('Hello World');
    cy.get('[contenteditable]').should('have.text', 'Hello World');
  });

  it('should format text when using keyboard shortcuts', () => {
    cy.get('[contenteditable]').type('Hello World');
    cy.get('[contenteditable]').type('{selectall}');
    cy.get('[contenteditable]').type('{ctrl+b}');
    cy.get('[contenteditable]').should('have.html', '<strong>Hello World</strong>');
  });
});