@wordpress/e2e-test-utils/build-module/create-reusable-block.js

End-To-End (E2E) test utils for WordPress.

import { insertBlock } from "./inserter";
import { clickMenuItem } from "./click-menu-item";
import { clickBlockToolbarButton } from "./click-block-toolbar-button";
import { canvas } from "./canvas";
const createReusableBlock = async (content, title) => {
  const reusableBlockNameInputSelector = ".patterns-menu-items__convert-modal .components-text-control__input";
  const syncToggleSelectorChecked = ".patterns-menu-items__convert-modal .components-form-toggle.is-checked";
  await insertBlock("Paragraph");
  await page.keyboard.type(content);
  await clickBlockToolbarButton("Options");
  await clickMenuItem("Create pattern");
  const nameInput = await page.waitForSelector(
    reusableBlockNameInputSelector
  );
  await nameInput.click();
  await page.keyboard.type(title);
  await page.waitForSelector(syncToggleSelectorChecked);
  await page.keyboard.press("Enter");
  await page.waitForXPath(
    '//*[contains(@class, "components-snackbar")]/*[contains(text(),"pattern created:")]'
  );
  const block = await canvas().waitForSelector(
    '.block-editor-block-list__block[data-type="core/block"]'
  );
  expect(block).not.toBeNull();
};
export {
  createReusableBlock
};
//# sourceMappingURL=create-reusable-block.js.map