mirror of
https://github.com/codex-team/editor.js
synced 2024-05-18 22:36:47 +02:00
b619946e8f
* fix(slash): do not handle / + shift/alt, support for ascii keyboard * support keyboards without physical '/'
95 lines
2.3 KiB
TypeScript
95 lines
2.3 KiB
TypeScript
import { PopoverItem } from '../../../../types/index.js';
|
|
|
|
/**
|
|
* Mock of some Block Tool
|
|
*/
|
|
class SomePlugin {
|
|
/**
|
|
* Event handler to be spied in test
|
|
*/
|
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
public static pluginInternalKeydownHandler(): void {}
|
|
|
|
/**
|
|
* Mocked render method
|
|
*/
|
|
public render(): HTMLElement {
|
|
const wrapper = document.createElement('div');
|
|
|
|
wrapper.classList.add('cdx-some-plugin');
|
|
wrapper.contentEditable = 'true';
|
|
wrapper.addEventListener('keydown', SomePlugin.pluginInternalKeydownHandler);
|
|
|
|
return wrapper;
|
|
}
|
|
|
|
/**
|
|
* Used to display our tool in the Toolbox
|
|
*/
|
|
public static get toolbox(): PopoverItem {
|
|
return {
|
|
icon: '₷',
|
|
title: 'Some tool',
|
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
onActivate: (): void => {},
|
|
};
|
|
}
|
|
}
|
|
|
|
describe('Flipper', () => {
|
|
it('should prevent plugins event handlers from being called while keyboard navigation', () => {
|
|
const ARROW_DOWN_KEY_CODE = 40;
|
|
const ENTER_KEY_CODE = 13;
|
|
|
|
const sampleText = 'sample text';
|
|
|
|
cy.createEditor({
|
|
tools: {
|
|
sometool: SomePlugin,
|
|
},
|
|
data: {
|
|
blocks: [
|
|
{
|
|
type: 'sometool',
|
|
data: {
|
|
},
|
|
},
|
|
],
|
|
},
|
|
});
|
|
|
|
cy.spy(SomePlugin, 'pluginInternalKeydownHandler');
|
|
|
|
cy.get('[data-cy=editorjs]')
|
|
.get('.cdx-some-plugin')
|
|
.as('pluginInput')
|
|
.focus()
|
|
.type(sampleText)
|
|
.wait(100);
|
|
|
|
// Try to delete the block via keyboard
|
|
cy.get('[data-cy=editorjs]')
|
|
.get('.cdx-some-plugin')
|
|
// Open tunes menu
|
|
.trigger('keydown', { code: 'Slash', ctrlKey: true })
|
|
// Navigate to delete button (the second button)
|
|
.trigger('keydown', { keyCode: ARROW_DOWN_KEY_CODE })
|
|
.trigger('keydown', { keyCode: ARROW_DOWN_KEY_CODE });
|
|
|
|
/**
|
|
* Check whether we focus the Delete Tune or not
|
|
*/
|
|
cy.get('[data-item-name="delete"]')
|
|
.should('have.class', 'ce-popover-item--focused');
|
|
|
|
cy.get('[data-cy=editorjs]')
|
|
.get('.cdx-some-plugin')
|
|
// Click delete
|
|
.trigger('keydown', { keyCode: ENTER_KEY_CODE })
|
|
// // Confirm delete
|
|
.trigger('keydown', { keyCode: ENTER_KEY_CODE });
|
|
|
|
expect(SomePlugin.pluginInternalKeydownHandler).to.have.not.been.called;
|
|
});
|
|
});
|