focus-on-placeholder-test.js

import { html } from "../../packages/editor/src/utils/htm";

context("Focusing on placeholder", () => {
  beforeEach(() => {
    cy.visit("http://localhost:3000/");
  });

  // We had a bug where trying to change the first line in an empty editor to
  // a heading would crash the editor. This is because Slate was trying to
  // resolve the selection before the editor has focus. See `change-block`
  // plugin for more information.
  it("should focus correctly on the placeholder when the value is empty", () => {
    cy.setEditorValue(html`
      <value>
        <document>
          <paragraph></paragraph>
        </document>
      </value>
    `);

    cy.focusEditor();

    cy.getByText("Open Block Toolbar")
      .click({ force: true })
      .getByText("Heading")
      .click({ force: true });

    cy.getByText("Heading 1").should("exist");
  });
});