From 29427171dd27e597f6c45128e2e1489e74958b7c Mon Sep 17 00:00:00 2001 From: Eric Dobbertin Date: Sat, 11 Jul 2020 15:03:56 -0500 Subject: [PATCH] test: add unit tests for buildPressSteps --- test/build-workflow/buildPressSteps.test.ts | 373 +++ .../fixtures/pressArrowDownWithBodyFocus.json | 2850 +++++++++++++++++ ...ressArrowDownWithContentEditableFocus.json | 94 + .../pressArrowDownWithTextInputFocus.json | 78 + .../pressArrowDownWithTextareaFocus.json | 74 + .../fixtures/pressArrowLeftWithBodyFocus.json | 2850 +++++++++++++++++ ...ressArrowLeftWithContentEditableFocus.json | 94 + .../pressArrowLeftWithTextInputFocus.json | 78 + .../pressArrowLeftWithTextareaFocus.json | 74 + .../pressArrowRightWithBodyFocus.json | 2850 +++++++++++++++++ ...essArrowRightWithContentEditableFocus.json | 94 + .../pressArrowRightWithTextInputFocus.json | 78 + .../pressArrowRightWithTextareaFocus.json | 74 + test/fixtures/pressArrowUpWithBodyFocus.json | 2850 +++++++++++++++++ .../pressArrowUpWithContentEditableFocus.json | 94 + .../pressArrowUpWithTextInputFocus.json | 78 + .../pressArrowUpWithTextareaFocus.json | 74 + .../fixtures/pressBackspaceWithBodyFocus.json | 1908 +++++++++++ ...ressBackspaceWithContentEditableFocus.json | 117 + .../pressBackspaceWithTextInputFocus.json | 78 + .../pressBackspaceWithTextareaFocus.json | 74 + test/fixtures/pressDeleteWithBodyFocus.json | 1908 +++++++++++ .../pressDeleteWithContentEditableFocus.json | 94 + .../pressDeleteWithTextInputFocus.json | 78 + .../pressDeleteWithTextareaFocus.json | 74 + test/fixtures/pressEnterWithBodyFocus.json | 1908 +++++++++++ .../pressEnterWithContentEditableFocus.json | 147 + .../pressEnterWithTextInputFocus.json | 78 + .../fixtures/pressEnterWithTextareaFocus.json | 92 + test/fixtures/pressEscapeWithBodyFocus.json | 2850 +++++++++++++++++ .../pressEscapeWithContentEditableFocus.json | 94 + .../pressEscapeWithTextInputFocus.json | 78 + .../pressEscapeWithTextareaFocus.json | 74 + test/fixtures/pressKeyWithBodyFocus.json | 2850 +++++++++++++++++ .../pressKeyWithContentEditableFocus.json | 117 + test/fixtures/pressKeyWithTextInputFocus.json | 97 + test/fixtures/pressKeyWithTextareaFocus.json | 92 + test/fixtures/pressSpacebarWithBodyFocus.json | 2850 +++++++++++++++++ ...pressSpacebarWithContentEditableFocus.json | 117 + .../pressSpacebarWithTextInputFocus.json | 97 + .../pressSpacebarWithTextareaFocus.json | 92 + test/fixtures/pressTabWithBodyFocus.json | 773 +++++ .../pressTabWithContentEditableFocus.json | 93 + test/fixtures/pressTabWithTextInputFocus.json | 98 + test/fixtures/pressTabWithTextareaFocus.json | 78 + 45 files changed, 29763 insertions(+) create mode 100644 test/build-workflow/buildPressSteps.test.ts create mode 100644 test/fixtures/pressArrowDownWithBodyFocus.json create mode 100644 test/fixtures/pressArrowDownWithContentEditableFocus.json create mode 100644 test/fixtures/pressArrowDownWithTextInputFocus.json create mode 100644 test/fixtures/pressArrowDownWithTextareaFocus.json create mode 100644 test/fixtures/pressArrowLeftWithBodyFocus.json create mode 100644 test/fixtures/pressArrowLeftWithContentEditableFocus.json create mode 100644 test/fixtures/pressArrowLeftWithTextInputFocus.json create mode 100644 test/fixtures/pressArrowLeftWithTextareaFocus.json create mode 100644 test/fixtures/pressArrowRightWithBodyFocus.json create mode 100644 test/fixtures/pressArrowRightWithContentEditableFocus.json create mode 100644 test/fixtures/pressArrowRightWithTextInputFocus.json create mode 100644 test/fixtures/pressArrowRightWithTextareaFocus.json create mode 100644 test/fixtures/pressArrowUpWithBodyFocus.json create mode 100644 test/fixtures/pressArrowUpWithContentEditableFocus.json create mode 100644 test/fixtures/pressArrowUpWithTextInputFocus.json create mode 100644 test/fixtures/pressArrowUpWithTextareaFocus.json create mode 100644 test/fixtures/pressBackspaceWithBodyFocus.json create mode 100644 test/fixtures/pressBackspaceWithContentEditableFocus.json create mode 100644 test/fixtures/pressBackspaceWithTextInputFocus.json create mode 100644 test/fixtures/pressBackspaceWithTextareaFocus.json create mode 100644 test/fixtures/pressDeleteWithBodyFocus.json create mode 100644 test/fixtures/pressDeleteWithContentEditableFocus.json create mode 100644 test/fixtures/pressDeleteWithTextInputFocus.json create mode 100644 test/fixtures/pressDeleteWithTextareaFocus.json create mode 100644 test/fixtures/pressEnterWithBodyFocus.json create mode 100644 test/fixtures/pressEnterWithContentEditableFocus.json create mode 100644 test/fixtures/pressEnterWithTextInputFocus.json create mode 100644 test/fixtures/pressEnterWithTextareaFocus.json create mode 100644 test/fixtures/pressEscapeWithBodyFocus.json create mode 100644 test/fixtures/pressEscapeWithContentEditableFocus.json create mode 100644 test/fixtures/pressEscapeWithTextInputFocus.json create mode 100644 test/fixtures/pressEscapeWithTextareaFocus.json create mode 100644 test/fixtures/pressKeyWithBodyFocus.json create mode 100644 test/fixtures/pressKeyWithContentEditableFocus.json create mode 100644 test/fixtures/pressKeyWithTextInputFocus.json create mode 100644 test/fixtures/pressKeyWithTextareaFocus.json create mode 100644 test/fixtures/pressSpacebarWithBodyFocus.json create mode 100644 test/fixtures/pressSpacebarWithContentEditableFocus.json create mode 100644 test/fixtures/pressSpacebarWithTextInputFocus.json create mode 100644 test/fixtures/pressSpacebarWithTextareaFocus.json create mode 100644 test/fixtures/pressTabWithBodyFocus.json create mode 100644 test/fixtures/pressTabWithContentEditableFocus.json create mode 100644 test/fixtures/pressTabWithTextInputFocus.json create mode 100644 test/fixtures/pressTabWithTextareaFocus.json diff --git a/test/build-workflow/buildPressSteps.test.ts b/test/build-workflow/buildPressSteps.test.ts new file mode 100644 index 000000000..3a92d96bf --- /dev/null +++ b/test/build-workflow/buildPressSteps.test.ts @@ -0,0 +1,373 @@ +import { loadFixtures } from '../loadFixtures'; +import { buildPressSteps } from '../../src/build-workflow'; +import { ElementEvent } from '../../src/types'; + +describe('buildPressSteps', () => { + it('pressing Enter with focus on non-input creates a press step', async () => { + const pressEnterWithBodyFocus = await loadFixtures('pressEnterWithBodyFocus'); + + const steps = buildPressSteps(pressEnterWithBodyFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("Enter"); + }); + + it('pressing Enter with focus on text input creates a press step', async () => { + const pressEnterWithTextInputFocus = await loadFixtures('pressEnterWithTextInputFocus'); + + const steps = buildPressSteps(pressEnterWithTextInputFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("Enter"); + }); + + it('pressing Enter with focus on textarea does not create a press step', async () => { + const pressEnterWithTextareaFocus = await loadFixtures('pressEnterWithTextareaFocus'); + + const steps = buildPressSteps(pressEnterWithTextareaFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing Enter with focus on contenteditable element does not create a press step', async () => { + const pressEnterWithContentEditableFocus = await loadFixtures('pressEnterWithContentEditableFocus'); + + const steps = buildPressSteps(pressEnterWithContentEditableFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing Tab with focus on non-input creates a press step', async () => { + const pressTabWithBodyFocus = await loadFixtures('pressTabWithBodyFocus'); + + const steps = buildPressSteps(pressTabWithBodyFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("Tab"); + }); + + it('pressing Tab with focus on text input creates a press step', async () => { + const pressTabWithTextInputFocus = await loadFixtures('pressTabWithTextInputFocus'); + + const steps = buildPressSteps(pressTabWithTextInputFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("Tab"); + }); + + it('pressing Tab with focus on textarea creates a press step', async () => { + const pressTabWithTextareaFocus = await loadFixtures('pressTabWithTextareaFocus'); + + const steps = buildPressSteps(pressTabWithTextareaFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("Tab"); + }); + + it('pressing Tab with focus on contenteditable element creates a press step', async () => { + const pressTabWithContentEditableFocus = await loadFixtures('pressTabWithContentEditableFocus'); + + const steps = buildPressSteps(pressTabWithContentEditableFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("Tab"); + }); + + it('pressing Escape with focus on non-input creates a press step', async () => { + const pressEscapeWithBodyFocus = await loadFixtures('pressEscapeWithBodyFocus'); + + const steps = buildPressSteps(pressEscapeWithBodyFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("Escape"); + }); + + it('pressing Escape with focus on text input creates a press step', async () => { + const pressEscapeWithTextInputFocus = await loadFixtures('pressEscapeWithTextInputFocus'); + + const steps = buildPressSteps(pressEscapeWithTextInputFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("Escape"); + }); + + it('pressing Escape with focus on textarea creates a press step', async () => { + const pressEscapeWithTextareaFocus = await loadFixtures('pressEscapeWithTextareaFocus'); + + const steps = buildPressSteps(pressEscapeWithTextareaFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("Escape"); + }); + + it('pressing Escape with focus on contenteditable element creates a press step', async () => { + const pressEscapeWithContentEditableFocus = await loadFixtures('pressEscapeWithContentEditableFocus'); + + const steps = buildPressSteps(pressEscapeWithContentEditableFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("Escape"); + }); + + it('pressing a letter with focus on non-input does not create a press step', async () => { + const pressKeyWithBodyFocus = await loadFixtures('pressKeyWithBodyFocus'); + + const steps = buildPressSteps(pressKeyWithBodyFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing a letter with focus on text input does not create a press step', async () => { + const pressKeyWithTextInputFocus = await loadFixtures('pressKeyWithTextInputFocus'); + + const steps = buildPressSteps(pressKeyWithTextInputFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing a letter with focus on textarea does not create a press step', async () => { + const pressKeyWithTextareaFocus = await loadFixtures('pressKeyWithTextareaFocus'); + + const steps = buildPressSteps(pressKeyWithTextareaFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing a letter with focus on contenteditable element does not create a press step', async () => { + const pressKeyWithContentEditableFocus = await loadFixtures('pressKeyWithContentEditableFocus'); + + const steps = buildPressSteps(pressKeyWithContentEditableFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing Spacebar with focus on non-input does not create a press step', async () => { + const pressSpacebarWithBodyFocus = await loadFixtures('pressSpacebarWithBodyFocus'); + + const steps = buildPressSteps(pressSpacebarWithBodyFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing Spacebar with focus on text input does not create a press step', async () => { + const pressSpacebarWithTextInputFocus = await loadFixtures('pressSpacebarWithTextInputFocus'); + + const steps = buildPressSteps(pressSpacebarWithTextInputFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing Spacebar with focus on textarea does not create a press step', async () => { + const pressSpacebarWithTextareaFocus = await loadFixtures('pressSpacebarWithTextareaFocus'); + + const steps = buildPressSteps(pressSpacebarWithTextareaFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing Spacebar with focus on contenteditable element does not create a press step', async () => { + const pressSpacebarWithContentEditableFocus = await loadFixtures('pressSpacebarWithContentEditableFocus'); + + const steps = buildPressSteps(pressSpacebarWithContentEditableFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing ArrowDown with focus on non-input creates a press step', async () => { + const pressArrowDownWithBodyFocus = await loadFixtures('pressArrowDownWithBodyFocus'); + + const steps = buildPressSteps(pressArrowDownWithBodyFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("ArrowDown"); + }); + + it('pressing ArrowDown with focus on text input does not create a press step', async () => { + const pressArrowDownWithTextInputFocus = await loadFixtures('pressArrowDownWithTextInputFocus'); + + const steps = buildPressSteps(pressArrowDownWithTextInputFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing ArrowDown with focus on textarea does not create a press step', async () => { + const pressArrowDownWithTextareaFocus = await loadFixtures('pressArrowDownWithTextareaFocus'); + + const steps = buildPressSteps(pressArrowDownWithTextareaFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing ArrowDown with focus on contenteditable element does not create a press step', async () => { + const pressArrowDownWithContentEditableFocus = await loadFixtures('pressArrowDownWithContentEditableFocus'); + + const steps = buildPressSteps(pressArrowDownWithContentEditableFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing ArrowLeft with focus on non-input creates a press step', async () => { + const pressArrowLeftWithBodyFocus = await loadFixtures('pressArrowLeftWithBodyFocus'); + + const steps = buildPressSteps(pressArrowLeftWithBodyFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("ArrowLeft"); + }); + + it('pressing ArrowLeft with focus on text input does not create a press step', async () => { + const pressArrowLeftWithTextInputFocus = await loadFixtures('pressArrowLeftWithTextInputFocus'); + + const steps = buildPressSteps(pressArrowLeftWithTextInputFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing ArrowLeft with focus on textarea does not create a press step', async () => { + const pressArrowLeftWithTextareaFocus = await loadFixtures('pressArrowLeftWithTextareaFocus'); + + const steps = buildPressSteps(pressArrowLeftWithTextareaFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing ArrowLeft with focus on contenteditable element does not create a press step', async () => { + const pressArrowLeftWithContentEditableFocus = await loadFixtures('pressArrowLeftWithContentEditableFocus'); + + const steps = buildPressSteps(pressArrowLeftWithContentEditableFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing ArrowRight with focus on non-input creates a press step', async () => { + const pressArrowRightWithBodyFocus = await loadFixtures('pressArrowRightWithBodyFocus'); + + const steps = buildPressSteps(pressArrowRightWithBodyFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("ArrowRight"); + }); + + it('pressing ArrowRight with focus on text input does not create a press step', async () => { + const pressArrowRightWithTextInputFocus = await loadFixtures('pressArrowRightWithTextInputFocus'); + + const steps = buildPressSteps(pressArrowRightWithTextInputFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing ArrowRight with focus on textarea does not create a press step', async () => { + const pressArrowRightWithTextareaFocus = await loadFixtures('pressArrowRightWithTextareaFocus'); + + const steps = buildPressSteps(pressArrowRightWithTextareaFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing ArrowRight with focus on contenteditable element does not create a press step', async () => { + const pressArrowRightWithContentEditableFocus = await loadFixtures('pressArrowRightWithContentEditableFocus'); + + const steps = buildPressSteps(pressArrowRightWithContentEditableFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing ArrowUp with focus on non-input creates a press step', async () => { + const pressArrowUpWithBodyFocus = await loadFixtures('pressArrowUpWithBodyFocus'); + + const steps = buildPressSteps(pressArrowUpWithBodyFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("ArrowUp"); + }); + + it('pressing ArrowUp with focus on text input does not create a press step', async () => { + const pressArrowUpWithTextInputFocus = await loadFixtures('pressArrowUpWithTextInputFocus'); + + const steps = buildPressSteps(pressArrowUpWithTextInputFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing ArrowUp with focus on textarea does not create a press step', async () => { + const pressArrowUpWithTextareaFocus = await loadFixtures('pressArrowUpWithTextareaFocus'); + + const steps = buildPressSteps(pressArrowUpWithTextareaFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing ArrowUp with focus on contenteditable element does not create a press step', async () => { + const pressArrowUpWithContentEditableFocus = await loadFixtures('pressArrowUpWithContentEditableFocus'); + + const steps = buildPressSteps(pressArrowUpWithContentEditableFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing Backspace with focus on non-input creates a press step', async () => { + const pressBackspaceWithBodyFocus = await loadFixtures('pressBackspaceWithBodyFocus'); + + const steps = buildPressSteps(pressBackspaceWithBodyFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("Backspace"); + }); + + it('pressing Backspace with focus on text input does not create a press step', async () => { + const pressBackspaceWithTextInputFocus = await loadFixtures('pressBackspaceWithTextInputFocus'); + + const steps = buildPressSteps(pressBackspaceWithTextInputFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing Backspace with focus on textarea does not create a press step', async () => { + const pressBackspaceWithTextareaFocus = await loadFixtures('pressBackspaceWithTextareaFocus'); + + const steps = buildPressSteps(pressBackspaceWithTextareaFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing Backspace with focus on contenteditable element does not create a press step', async () => { + const pressBackspaceWithContentEditableFocus = await loadFixtures('pressBackspaceWithContentEditableFocus'); + + const steps = buildPressSteps(pressBackspaceWithContentEditableFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing Delete with focus on non-input creates a press step', async () => { + const pressDeleteWithBodyFocus = await loadFixtures('pressDeleteWithBodyFocus'); + + const steps = buildPressSteps(pressDeleteWithBodyFocus.events as ElementEvent[]); + + expect(steps.length).toBe(1); + expect(steps[0].value).toBe("Delete"); + }); + + it('pressing Delete with focus on text input does not create a press step', async () => { + const pressDeleteWithTextInputFocus = await loadFixtures('pressDeleteWithTextInputFocus'); + + const steps = buildPressSteps(pressDeleteWithTextInputFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing Delete with focus on textarea does not create a press step', async () => { + const pressDeleteWithTextareaFocus = await loadFixtures('pressDeleteWithTextareaFocus'); + + const steps = buildPressSteps(pressDeleteWithTextareaFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); + + it('pressing Delete with focus on contenteditable element does not create a press step', async () => { + const pressDeleteWithContentEditableFocus = await loadFixtures('pressDeleteWithContentEditableFocus'); + + const steps = buildPressSteps(pressDeleteWithContentEditableFocus.events as ElementEvent[]); + + expect(steps.length).toBe(0); + }); +}); diff --git a/test/fixtures/pressArrowDownWithBodyFocus.json b/test/fixtures/pressArrowDownWithBodyFocus.json new file mode 100644 index 000000000..c92419a36 --- /dev/null +++ b/test/fixtures/pressArrowDownWithBodyFocus.json @@ -0,0 +1,2850 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494631530 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494631600 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494632469, + "value": "ArrowDown" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494632646, + "value": "ArrowDown" + } + ] +} diff --git a/test/fixtures/pressArrowDownWithContentEditableFocus.json b/test/fixtures/pressArrowDownWithContentEditableFocus.json new file mode 100644 index 000000000..be1861b52 --- /dev/null +++ b/test/fixtures/pressArrowDownWithContentEditableFocus.json @@ -0,0 +1,94 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496106875 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496106943 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496108368, + "value": "ArrowDown" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496108444, + "value": "ArrowDown" + } + ] +} diff --git a/test/fixtures/pressArrowDownWithTextInputFocus.json b/test/fixtures/pressArrowDownWithTextInputFocus.json new file mode 100644 index 000000000..906540612 --- /dev/null +++ b/test/fixtures/pressArrowDownWithTextInputFocus.json @@ -0,0 +1,78 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494740366 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494740422 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494741707, + "value": "ArrowDown" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494741796, + "value": "ArrowDown" + } + ] +} diff --git a/test/fixtures/pressArrowDownWithTextareaFocus.json b/test/fixtures/pressArrowDownWithTextareaFocus.json new file mode 100644 index 000000000..14eedda9f --- /dev/null +++ b/test/fixtures/pressArrowDownWithTextareaFocus.json @@ -0,0 +1,74 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495068236 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495068297 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495069131, + "value": "ArrowDown" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495069199, + "value": "ArrowDown" + } + ] +} diff --git a/test/fixtures/pressArrowLeftWithBodyFocus.json b/test/fixtures/pressArrowLeftWithBodyFocus.json new file mode 100644 index 000000000..c38294b97 --- /dev/null +++ b/test/fixtures/pressArrowLeftWithBodyFocus.json @@ -0,0 +1,2850 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494657182 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494657249 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494657741, + "value": "ArrowLeft" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494657909, + "value": "ArrowLeft" + } + ] +} diff --git a/test/fixtures/pressArrowLeftWithContentEditableFocus.json b/test/fixtures/pressArrowLeftWithContentEditableFocus.json new file mode 100644 index 000000000..74ceb06e8 --- /dev/null +++ b/test/fixtures/pressArrowLeftWithContentEditableFocus.json @@ -0,0 +1,94 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496137918 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496137969 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496138725, + "value": "ArrowLeft" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496138791, + "value": "ArrowLeft" + } + ] +} diff --git a/test/fixtures/pressArrowLeftWithTextInputFocus.json b/test/fixtures/pressArrowLeftWithTextInputFocus.json new file mode 100644 index 000000000..bc520d4d1 --- /dev/null +++ b/test/fixtures/pressArrowLeftWithTextInputFocus.json @@ -0,0 +1,78 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494770134 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494770190 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494771295, + "value": "ArrowLeft" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494771362, + "value": "ArrowLeft" + } + ] +} diff --git a/test/fixtures/pressArrowLeftWithTextareaFocus.json b/test/fixtures/pressArrowLeftWithTextareaFocus.json new file mode 100644 index 000000000..5e6cc5c09 --- /dev/null +++ b/test/fixtures/pressArrowLeftWithTextareaFocus.json @@ -0,0 +1,74 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495093982 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495094028 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495095661, + "value": "ArrowLeft" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495095749, + "value": "ArrowLeft" + } + ] +} diff --git a/test/fixtures/pressArrowRightWithBodyFocus.json b/test/fixtures/pressArrowRightWithBodyFocus.json new file mode 100644 index 000000000..c03a3c0ac --- /dev/null +++ b/test/fixtures/pressArrowRightWithBodyFocus.json @@ -0,0 +1,2850 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494681039 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494681111 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494681585, + "value": "ArrowRight" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494681767, + "value": "ArrowRight" + } + ] +} diff --git a/test/fixtures/pressArrowRightWithContentEditableFocus.json b/test/fixtures/pressArrowRightWithContentEditableFocus.json new file mode 100644 index 000000000..d8ef45146 --- /dev/null +++ b/test/fixtures/pressArrowRightWithContentEditableFocus.json @@ -0,0 +1,94 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496164105 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496164159 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496165322, + "value": "ArrowRight" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496165409, + "value": "ArrowRight" + } + ] +} diff --git a/test/fixtures/pressArrowRightWithTextInputFocus.json b/test/fixtures/pressArrowRightWithTextInputFocus.json new file mode 100644 index 000000000..9e019c36e --- /dev/null +++ b/test/fixtures/pressArrowRightWithTextInputFocus.json @@ -0,0 +1,78 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494796032 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494796088 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494796718, + "value": "ArrowRight" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494796787, + "value": "ArrowRight" + } + ] +} diff --git a/test/fixtures/pressArrowRightWithTextareaFocus.json b/test/fixtures/pressArrowRightWithTextareaFocus.json new file mode 100644 index 000000000..3e2a1babf --- /dev/null +++ b/test/fixtures/pressArrowRightWithTextareaFocus.json @@ -0,0 +1,74 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495125069 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495125106 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495125994, + "value": "ArrowRight" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495126103, + "value": "ArrowRight" + } + ] +} diff --git a/test/fixtures/pressArrowUpWithBodyFocus.json b/test/fixtures/pressArrowUpWithBodyFocus.json new file mode 100644 index 000000000..e7807ec69 --- /dev/null +++ b/test/fixtures/pressArrowUpWithBodyFocus.json @@ -0,0 +1,2850 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494582936 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494582999 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494583690, + "value": "ArrowUp" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494583873, + "value": "ArrowUp" + } + ] +} diff --git a/test/fixtures/pressArrowUpWithContentEditableFocus.json b/test/fixtures/pressArrowUpWithContentEditableFocus.json new file mode 100644 index 000000000..9dfd700ff --- /dev/null +++ b/test/fixtures/pressArrowUpWithContentEditableFocus.json @@ -0,0 +1,94 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496215347 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496215403 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496216201, + "value": "ArrowUp" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496216307, + "value": "ArrowUp" + } + ] +} diff --git a/test/fixtures/pressArrowUpWithTextInputFocus.json b/test/fixtures/pressArrowUpWithTextInputFocus.json new file mode 100644 index 000000000..04e9ee8f0 --- /dev/null +++ b/test/fixtures/pressArrowUpWithTextInputFocus.json @@ -0,0 +1,78 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494825596 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494825652 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494826491, + "value": "ArrowUp" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494826555, + "value": "ArrowUp" + } + ] +} diff --git a/test/fixtures/pressArrowUpWithTextareaFocus.json b/test/fixtures/pressArrowUpWithTextareaFocus.json new file mode 100644 index 000000000..6d44ebbf6 --- /dev/null +++ b/test/fixtures/pressArrowUpWithTextareaFocus.json @@ -0,0 +1,74 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495147596 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495147634 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495148311, + "value": "ArrowUp" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495148400, + "value": "ArrowUp" + } + ] +} diff --git a/test/fixtures/pressBackspaceWithBodyFocus.json b/test/fixtures/pressBackspaceWithBodyFocus.json new file mode 100644 index 000000000..4020854e2 --- /dev/null +++ b/test/fixtures/pressBackspaceWithBodyFocus.json @@ -0,0 +1,1908 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "text=Native HTML", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + "time": 1594494448892 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "text=Native HTML", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + "time": 1594494448966 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494449836, + "value": "Backspace" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494449902, + "value": "Backspace" + } + ] +} diff --git a/test/fixtures/pressBackspaceWithContentEditableFocus.json b/test/fixtures/pressBackspaceWithContentEditableFocus.json new file mode 100644 index 000000000..c1b65f944 --- /dev/null +++ b/test/fixtures/pressBackspaceWithContentEditableFocus.json @@ -0,0 +1,117 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496240690 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496240741 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496241529, + "value": "Backspace" + }, + { + "isTrusted": true, + "name": "input", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me" + } + ] + }, + "time": 1594496241532, + "value": "Edit me" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me" + } + ] + }, + "time": 1594496241596, + "value": "Backspace" + } + ] +} diff --git a/test/fixtures/pressBackspaceWithTextInputFocus.json b/test/fixtures/pressBackspaceWithTextInputFocus.json new file mode 100644 index 000000000..f5b2c5d79 --- /dev/null +++ b/test/fixtures/pressBackspaceWithTextInputFocus.json @@ -0,0 +1,78 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494853666 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494853712 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494854571, + "value": "Backspace" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494854637, + "value": "Backspace" + } + ] +} diff --git a/test/fixtures/pressBackspaceWithTextareaFocus.json b/test/fixtures/pressBackspaceWithTextareaFocus.json new file mode 100644 index 000000000..b380591b6 --- /dev/null +++ b/test/fixtures/pressBackspaceWithTextareaFocus.json @@ -0,0 +1,74 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495278509 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495278574 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495279871, + "value": "Backspace" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495279936, + "value": "Backspace" + } + ] +} diff --git a/test/fixtures/pressDeleteWithBodyFocus.json b/test/fixtures/pressDeleteWithBodyFocus.json new file mode 100644 index 000000000..1a2c10116 --- /dev/null +++ b/test/fixtures/pressDeleteWithBodyFocus.json @@ -0,0 +1,1908 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "text=Native HTML", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + "time": 1594494493276 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "text=Native HTML", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + "time": 1594494493315 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494495217, + "value": "Delete" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494495672, + "value": "Delete" + } + ] +} diff --git a/test/fixtures/pressDeleteWithContentEditableFocus.json b/test/fixtures/pressDeleteWithContentEditableFocus.json new file mode 100644 index 000000000..c1c24cf67 --- /dev/null +++ b/test/fixtures/pressDeleteWithContentEditableFocus.json @@ -0,0 +1,94 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496267868 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496267914 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496269205, + "value": "Delete" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496269293, + "value": "Delete" + } + ] +} diff --git a/test/fixtures/pressDeleteWithTextInputFocus.json b/test/fixtures/pressDeleteWithTextInputFocus.json new file mode 100644 index 000000000..2343fb3ae --- /dev/null +++ b/test/fixtures/pressDeleteWithTextInputFocus.json @@ -0,0 +1,78 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494880081 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494880117 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494880561, + "value": "Delete" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494880649, + "value": "Delete" + } + ] +} diff --git a/test/fixtures/pressDeleteWithTextareaFocus.json b/test/fixtures/pressDeleteWithTextareaFocus.json new file mode 100644 index 000000000..1e5602bc7 --- /dev/null +++ b/test/fixtures/pressDeleteWithTextareaFocus.json @@ -0,0 +1,74 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495308304 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495308387 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495313824, + "value": "Delete" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495313911, + "value": "Delete" + } + ] +} diff --git a/test/fixtures/pressEnterWithBodyFocus.json b/test/fixtures/pressEnterWithBodyFocus.json new file mode 100644 index 000000000..0d1475824 --- /dev/null +++ b/test/fixtures/pressEnterWithBodyFocus.json @@ -0,0 +1,1908 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "text=Native HTML", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + "time": 1594493464484 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "text=Native HTML", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + "time": 1594493464505 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594493466432, + "value": "Enter" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594493466508, + "value": "Enter" + } + ] +} diff --git a/test/fixtures/pressEnterWithContentEditableFocus.json b/test/fixtures/pressEnterWithContentEditableFocus.json new file mode 100644 index 000000000..d7ec9f762 --- /dev/null +++ b/test/fixtures/pressEnterWithContentEditableFocus.json @@ -0,0 +1,147 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496291387 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496291443 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496292178, + "value": "Enter" + }, + { + "isTrusted": true, + "name": "input", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + } + ] + } + ] + }, + "time": 1594496292181, + "value": "Edit me!\n\n" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + } + ] + } + ] + }, + "time": 1594496292267, + "value": "Enter" + } + ] +} diff --git a/test/fixtures/pressEnterWithTextInputFocus.json b/test/fixtures/pressEnterWithTextInputFocus.json new file mode 100644 index 000000000..641fb2327 --- /dev/null +++ b/test/fixtures/pressEnterWithTextInputFocus.json @@ -0,0 +1,78 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494905757 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494905790 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494906484, + "value": "Enter" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494906545, + "value": "Enter" + } + ] +} diff --git a/test/fixtures/pressEnterWithTextareaFocus.json b/test/fixtures/pressEnterWithTextareaFocus.json new file mode 100644 index 000000000..f4a5650d1 --- /dev/null +++ b/test/fixtures/pressEnterWithTextareaFocus.json @@ -0,0 +1,92 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495339488 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495339537 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495340128, + "value": "Enter" + }, + { + "isTrusted": true, + "name": "input", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495340131, + "value": "\n" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495340193, + "value": "Enter" + } + ] +} diff --git a/test/fixtures/pressEscapeWithBodyFocus.json b/test/fixtures/pressEscapeWithBodyFocus.json new file mode 100644 index 000000000..2e44cf828 --- /dev/null +++ b/test/fixtures/pressEscapeWithBodyFocus.json @@ -0,0 +1,2850 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494206046 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494206109 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494207041, + "value": "Escape" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494207124, + "value": "Escape" + } + ] +} diff --git a/test/fixtures/pressEscapeWithContentEditableFocus.json b/test/fixtures/pressEscapeWithContentEditableFocus.json new file mode 100644 index 000000000..cd1281d28 --- /dev/null +++ b/test/fixtures/pressEscapeWithContentEditableFocus.json @@ -0,0 +1,94 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496316545 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496316582 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496317492, + "value": "Escape" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496317557, + "value": "Escape" + } + ] +} diff --git a/test/fixtures/pressEscapeWithTextInputFocus.json b/test/fixtures/pressEscapeWithTextInputFocus.json new file mode 100644 index 000000000..a552896f5 --- /dev/null +++ b/test/fixtures/pressEscapeWithTextInputFocus.json @@ -0,0 +1,78 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494931823 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494931867 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494932360, + "value": "Escape" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494932443, + "value": "Escape" + } + ] +} diff --git a/test/fixtures/pressEscapeWithTextareaFocus.json b/test/fixtures/pressEscapeWithTextareaFocus.json new file mode 100644 index 000000000..b2498935d --- /dev/null +++ b/test/fixtures/pressEscapeWithTextareaFocus.json @@ -0,0 +1,74 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495365716 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495365761 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495366607, + "value": "Escape" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495366697, + "value": "Escape" + } + ] +} diff --git a/test/fixtures/pressKeyWithBodyFocus.json b/test/fixtures/pressKeyWithBodyFocus.json new file mode 100644 index 000000000..aa5e9a50e --- /dev/null +++ b/test/fixtures/pressKeyWithBodyFocus.json @@ -0,0 +1,2850 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494376251 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494376303 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494380197, + "value": "a" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494380263, + "value": "a" + } + ] +} diff --git a/test/fixtures/pressKeyWithContentEditableFocus.json b/test/fixtures/pressKeyWithContentEditableFocus.json new file mode 100644 index 000000000..999811eed --- /dev/null +++ b/test/fixtures/pressKeyWithContentEditableFocus.json @@ -0,0 +1,117 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496338961 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496339009 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496340154, + "value": "a" + }, + { + "isTrusted": true, + "name": "input", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!a" + } + ] + }, + "time": 1594496340157, + "value": "Edit me!a" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!a" + } + ] + }, + "time": 1594496340236, + "value": "a" + } + ] +} diff --git a/test/fixtures/pressKeyWithTextInputFocus.json b/test/fixtures/pressKeyWithTextInputFocus.json new file mode 100644 index 000000000..7c7a9017e --- /dev/null +++ b/test/fixtures/pressKeyWithTextInputFocus.json @@ -0,0 +1,97 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494957859 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494957900 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494958814, + "value": "a" + }, + { + "isTrusted": true, + "name": "input", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494958820, + "value": "a" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494958880, + "value": "a" + } + ] +} diff --git a/test/fixtures/pressKeyWithTextareaFocus.json b/test/fixtures/pressKeyWithTextareaFocus.json new file mode 100644 index 000000000..f0fac56fb --- /dev/null +++ b/test/fixtures/pressKeyWithTextareaFocus.json @@ -0,0 +1,92 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495392956 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495393032 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495393453, + "value": "a" + }, + { + "isTrusted": true, + "name": "input", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495393456, + "value": "a" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495393540, + "value": "a" + } + ] +} diff --git a/test/fixtures/pressSpacebarWithBodyFocus.json b/test/fixtures/pressSpacebarWithBodyFocus.json new file mode 100644 index 000000000..a0292106b --- /dev/null +++ b/test/fixtures/pressSpacebarWithBodyFocus.json @@ -0,0 +1,2850 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494406930 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494407002 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494407913, + "value": " " + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494408006, + "value": " " + } + ] +} diff --git a/test/fixtures/pressSpacebarWithContentEditableFocus.json b/test/fixtures/pressSpacebarWithContentEditableFocus.json new file mode 100644 index 000000000..1517b0391 --- /dev/null +++ b/test/fixtures/pressSpacebarWithContentEditableFocus.json @@ -0,0 +1,117 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496364739 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496364779 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496365144, + "value": " " + }, + { + "isTrusted": true, + "name": "input", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me! " + } + ] + }, + "time": 1594496365147, + "value": "Edit me! " + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me! " + } + ] + }, + "time": 1594496365213, + "value": " " + } + ] +} diff --git a/test/fixtures/pressSpacebarWithTextInputFocus.json b/test/fixtures/pressSpacebarWithTextInputFocus.json new file mode 100644 index 000000000..a384087f6 --- /dev/null +++ b/test/fixtures/pressSpacebarWithTextInputFocus.json @@ -0,0 +1,97 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494983805 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494983854 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494984538, + "value": " " + }, + { + "isTrusted": true, + "name": "input", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494984541, + "value": " " + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494984575, + "value": " " + } + ] +} diff --git a/test/fixtures/pressSpacebarWithTextareaFocus.json b/test/fixtures/pressSpacebarWithTextareaFocus.json new file mode 100644 index 000000000..9f826ee69 --- /dev/null +++ b/test/fixtures/pressSpacebarWithTextareaFocus.json @@ -0,0 +1,92 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495416833 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495416916 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495418989, + "value": " " + }, + { + "isTrusted": true, + "name": "input", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495418993, + "value": " " + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495419055, + "value": " " + } + ] +} diff --git a/test/fixtures/pressTabWithBodyFocus.json b/test/fixtures/pressTabWithBodyFocus.json new file mode 100644 index 000000000..eab586af8 --- /dev/null +++ b/test/fixtures/pressTabWithBodyFocus.json @@ -0,0 +1,773 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "text=Native HTML", + "target": { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + "time": 1594494075608 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "text=Native HTML", + "target": { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + "time": 1594494075676 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "body", + "target": { + "type": "tag", + "name": "body", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": " " + }, + { + "type": "tag", + "name": "noscript", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "You need to enable JavaScript to run this app." + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "id": "root" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "style": "display: flex; flex-wrap: wrap;" + }, + "children": [ + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "text", + "content": "Native HTML" + } + ] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-search-input", + "placeholder": "Search input", + "type": "search" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-email-input", + "placeholder": "Email input", + "type": "email" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-url-input", + "placeholder": "URL input", + "type": "url" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-tel-input", + "placeholder": "Telephone input", + "type": "tel" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-password-input", + "placeholder": "Password input", + "type": "password" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-number-input", + "placeholder": "Number input", + "type": "number" + }, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "container" + }, + "children": [ + { + "type": "tag", + "name": "h3", + "voidElement": false, + "attrs": {}, + "children": [ + { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-text-input-filled" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled", + "data-shrink": "true" + }, + "children": [ + { + "type": "text", + "content": "Filled text input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "text", + "class": "MuiInputBase-input MuiInput-input", + "value": "initial value" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-password-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Password input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "password", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-number-input" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Number input" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl" + }, + "children": [ + { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "aria-invalid": "false", + "type": "number", + "class": "MuiInputBase-input MuiInput-input", + "value": "" + }, + "children": [] + } + ] + } + ] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "br", + "voidElement": true, + "attrs": {}, + "children": [] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiFormControl-root MuiTextField-root", + "data-qa": "material-textarea" + }, + "children": [ + { + "type": "tag", + "name": "label", + "voidElement": false, + "attrs": { + "class": "MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated", + "data-shrink": "false" + }, + "children": [ + { + "type": "text", + "content": "Textarea" + } + ] + }, + { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "class": "MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl MuiInputBase-multiline MuiInput-multiline" + }, + "children": [ + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "rows": "1", + "aria-invalid": "false", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "style": "height: 16px; overflow: hidden;" + }, + "children": [] + }, + { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "aria-hidden": "true", + "class": "MuiInputBase-input MuiInput-input MuiInputBase-inputMultiline MuiInput-inputMultiline", + "readonly": "", + "tabindex": "-1", + "style": "visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0px); width: 155px;" + }, + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "type": "tag", + "name": "!--", + "voidElement": false, + "attrs": { + "This": "", + "HTML": "", + "file": "", + "is": "", + "a": "", + "template.": "", + "If": "", + "you": "", + "open": "", + "it": "", + "directly": "", + "in": "", + "the": "", + "browser,": "", + "will": "", + "see": "", + "an": "", + "empty": "", + "page.": "", + "You": "", + "can": "", + "add": "", + "webfonts,": "", + "meta": "", + "tags,": "", + "or": "", + "analytics": "", + "to": "", + "this": "", + "file.": "", + "The": "", + "build": "", + "step": "", + "place": "", + "bundled": "", + "scripts": "", + "into": "" + }, + "children": [ + { + "type": "text", + "content": " tag. To begin the development, run `npm start` or `yarn start`. To create a production bundle, use `npm run build` or `yarn build`. --> " + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/bundle.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/1.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/static/js/main.chunk.js" + }, + "children": [] + }, + { + "type": "tag", + "name": "script", + "voidElement": false, + "attrs": { + "src": "/main.45b517d682200d870ece.hot-update.js" + }, + "children": [] + } + ] + } + ] + }, + "time": 1594494076727, + "value": "Tab" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594494076782, + "value": "Tab" + } + ] +} diff --git a/test/fixtures/pressTabWithContentEditableFocus.json b/test/fixtures/pressTabWithContentEditableFocus.json new file mode 100644 index 000000000..9680e581c --- /dev/null +++ b/test/fixtures/pressTabWithContentEditableFocus.json @@ -0,0 +1,93 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496386964 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496387013 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"content-editable\"]", + "target": { + "type": "tag", + "name": "div", + "voidElement": false, + "attrs": { + "contenteditable": "true", + "data-qa": "content-editable" + }, + "children": [ + { + "type": "text", + "content": "Edit me!" + } + ] + }, + "time": 1594496387919, + "value": "Tab" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[href=\"https://github.com/facebook/draft-js\"]", + "target": { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/facebook/draft-js" + }, + "children": [ + { + "type": "text", + "content": "Draft.js" + } + ] + }, + "time": 1594496387982, + "value": "Tab" + } + ] +} diff --git a/test/fixtures/pressTabWithTextInputFocus.json b/test/fixtures/pressTabWithTextInputFocus.json new file mode 100644 index 000000000..672729130 --- /dev/null +++ b/test/fixtures/pressTabWithTextInputFocus.json @@ -0,0 +1,98 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594495007481 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594495007513 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-text-input\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input", + "placeholder": "Text input", + "type": "text" + }, + "children": [] + }, + "time": 1594495008452, + "value": "Tab" + }, + { + "isTrusted": true, + "name": "selectall", + "page": 0, + "selector": "[data-qa=\"html-text-input-filled\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + "time": 1594495008458 + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[data-qa=\"html-text-input-filled\"]", + "target": { + "type": "tag", + "name": "input", + "voidElement": true, + "attrs": { + "data-qa": "html-text-input-filled", + "placeholder": "Filled text input", + "type": "text", + "value": "initial text" + }, + "children": [] + }, + "time": 1594495008494, + "value": "Tab" + } + ] +} diff --git a/test/fixtures/pressTabWithTextareaFocus.json b/test/fixtures/pressTabWithTextareaFocus.json new file mode 100644 index 000000000..5a1570ca5 --- /dev/null +++ b/test/fixtures/pressTabWithTextareaFocus.json @@ -0,0 +1,78 @@ +{ + "events": [ + { + "isTrusted": true, + "name": "mousedown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495441921 + }, + { + "isTrusted": true, + "name": "click", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495441969 + }, + { + "isTrusted": true, + "name": "keydown", + "page": 0, + "selector": "[data-qa=\"html-textarea\"]", + "target": { + "type": "tag", + "name": "textarea", + "voidElement": false, + "attrs": { + "data-qa": "html-textarea", + "placeholder": "Textarea" + }, + "children": [] + }, + "time": 1594495442749, + "value": "Tab" + }, + { + "isTrusted": true, + "name": "keyup", + "page": 0, + "selector": "[href=\"https://github.com/mui-org/material-ui\"]", + "target": { + "type": "tag", + "name": "a", + "voidElement": false, + "attrs": { + "href": "https://github.com/mui-org/material-ui" + }, + "children": [ + { + "type": "text", + "content": "Material UI" + } + ] + }, + "time": 1594495442815, + "value": "Tab" + } + ] +}