1.0.0-alpha • Published 4 years ago
@editorjs/cypress-commands v1.0.0-alpha
@editorjs/cypress-commands
Set of Cypress commands for Editor.js testing purposes
Installation
Install the package using yarn
or npm
yarn add -D @editorjs/cypress-commands
npm install --save-dev @editorjs/cypress-commands
Add import to cypress/support/index
file:
import '@editorjs/cypress-commands'
List of commands
Name | Description |
---|---|
initEditorJS | Loads fixture html page with initalized EditorJS |
getEditor | Yelds EditorJS HTMLElement container |
getBlock | Yelds EditorJS block HTMLElement |
openBlockSettings | Opens settings popover for Block and yelds it's HTMLElement |
Access to EditorJS instance
You can access EditorJS object with API methods via EditorJS
alias:
cy.get<EditorJS>('@EditorJS')
.then(async editor => {
await editor.save();
});
Loading your tool
Fixture HTML page contains loadScript
method to allow you to load your Tool on the page.
Also package provide a task to resolve path to package
before(() => {
cy.task('resolvePathToPackage', 'my-tool-package-name', (pathToPackage) => {
cy.window()
.then(async win => {
await win.loadScript(pathToPackage, 'script-id');
cy.initEditorJS({
tools: {
myTool: win.MyTool
}
});
});
});
});
1.0.0-alpha
4 years ago