mirror of
https://github.com/codex-team/editor.js
synced 2024-06-27 01:40:22 +02:00
b619946e8f
* fix(slash): do not handle / + shift/alt, support for ascii keyboard * support keyboards without physical '/'
113 lines
2.3 KiB
TypeScript
113 lines
2.3 KiB
TypeScript
describe('Slash keydown', function () {
|
|
describe('pressed in empty block', function () {
|
|
it('should open Toolbox', () => {
|
|
cy.createEditor({
|
|
data: {
|
|
blocks: [
|
|
{
|
|
type: 'paragraph',
|
|
data: {
|
|
text: '',
|
|
},
|
|
},
|
|
],
|
|
},
|
|
});
|
|
|
|
cy.get('[data-cy=editorjs]')
|
|
.find('.ce-paragraph')
|
|
.click()
|
|
.type('/');
|
|
|
|
cy.get('[data-cy="toolbox"] .ce-popover')
|
|
.should('be.visible');
|
|
});
|
|
|
|
[
|
|
'ctrl',
|
|
'cmd',
|
|
].forEach((key) => {
|
|
it(`should not open Toolbox if Slash pressed with ${key}`, () => {
|
|
cy.createEditor({
|
|
data: {
|
|
blocks: [
|
|
{
|
|
type: 'paragraph',
|
|
data: {
|
|
text: '',
|
|
},
|
|
},
|
|
],
|
|
},
|
|
});
|
|
|
|
cy.get('[data-cy=editorjs]')
|
|
.find('.ce-paragraph')
|
|
.click()
|
|
.type(`{${key}}/`);
|
|
|
|
cy.get('[data-cy="toolbox"] .ce-popover')
|
|
.should('not.be.visible');
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('pressed in non-empty block', function () {
|
|
it('should not open Toolbox and just add the / char', () => {
|
|
cy.createEditor({
|
|
data: {
|
|
blocks: [
|
|
{
|
|
type: 'paragraph',
|
|
data: {
|
|
text: 'Hello',
|
|
},
|
|
},
|
|
],
|
|
},
|
|
});
|
|
|
|
cy.get('[data-cy=editorjs]')
|
|
.find('.ce-paragraph')
|
|
.click()
|
|
.type('/');
|
|
|
|
cy.get('[data-cy="toolbox"] .ce-popover')
|
|
.should('not.be.visible');
|
|
|
|
/**
|
|
* Block content should contain slash
|
|
*/
|
|
cy.get('[data-cy=editorjs]')
|
|
.find('.ce-paragraph')
|
|
.invoke('text')
|
|
.should('eq', 'Hello/');
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('CMD+Slash keydown', function () {
|
|
it('should open Block Tunes', () => {
|
|
cy.createEditor({
|
|
data: {
|
|
blocks: [
|
|
{
|
|
type: 'paragraph',
|
|
data: {
|
|
text: '',
|
|
},
|
|
},
|
|
],
|
|
},
|
|
});
|
|
|
|
cy.get('[data-cy=editorjs]')
|
|
.find('.ce-paragraph')
|
|
.click()
|
|
.type('{cmd}/');
|
|
|
|
cy.get('[data-cy="block-tunes"] .ce-popover')
|
|
.should('be.visible');
|
|
});
|
|
});
|