mirror of
https://github.com/facebook/lexical.git
synced 2025-05-16 22:48:52 +08:00
Prettier sort test attributes (#6384)
This commit is contained in:
Gerard Rovira
@ -7,6 +7,10 @@ module.exports = {
|
||||
printWidth: 80,
|
||||
trailingComma: 'all',
|
||||
htmlWhitespaceSensitivity: 'ignore',
|
||||
attributeGroups: ['$DEFAULT', '^data-'],
|
||||
plugins: ['prettier-plugin-tailwindcss'],
|
||||
attributeGroups: ['^class$', '^(id|name)$', '$DEFAULT', '^aria-', '^data-'],
|
||||
attributeSort: 'ASC',
|
||||
plugins: [
|
||||
'prettier-plugin-tailwindcss',
|
||||
'prettier-plugin-organize-attributes',
|
||||
],
|
||||
};
|
||||
|
||||
@ -7,6 +7,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
<script src="/src/main.tsx" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -7,6 +7,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
<script src="/src/main.tsx" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -10,7 +10,6 @@
|
||||
React.js Collaborative Lexical Example (see iframes below)
|
||||
</h1>
|
||||
<iframe
|
||||
width="50%"
|
||||
name="left"
|
||||
src="/app"
|
||||
style="
|
||||
@ -20,9 +19,9 @@
|
||||
top: 40px;
|
||||
left: 0;
|
||||
height: calc(100% - 44px);
|
||||
"></iframe>
|
||||
"
|
||||
width="50%"></iframe>
|
||||
<iframe
|
||||
width="50%"
|
||||
name="right"
|
||||
src="/app"
|
||||
style="
|
||||
@ -32,6 +31,7 @@
|
||||
top: 40px;
|
||||
left: calc(50% + 1px);
|
||||
height: calc(100% - 44px);
|
||||
"></iframe>
|
||||
"
|
||||
width="50%"></iframe>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -7,6 +7,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
<script src="/src/main.tsx" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -7,6 +7,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
<script src="/src/main.ts" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -7,6 +7,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
<script src="/src/main.ts" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,22 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-Security-Policy" content="default-src 'self'" />
|
||||
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
|
||||
<meta content="default-src 'self'" http-equiv="Content-Security-Policy" />
|
||||
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
<link rel="stylesheet" href="../Style.css" />
|
||||
<script src="../Script.js" defer></script>
|
||||
<link href="../Style.css" rel="stylesheet" />
|
||||
<script defer src="../Script.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<img
|
||||
src="../Icon.png"
|
||||
width="128"
|
||||
alt="Lexical Developer Tools Icon"
|
||||
height="128"
|
||||
alt="Lexical Developer Tools Icon" />
|
||||
src="../Icon.png"
|
||||
width="128" />
|
||||
<p class="state-unknown">
|
||||
You can turn on Lexical Developer Tools’s extension in Safari Extensions
|
||||
preferences.
|
||||
|
||||
@ -6,6 +6,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="root">Loading Lexical DevTools UI...</div>
|
||||
<script type="module" src="./main.tsx"></script>
|
||||
<script src="./main.tsx" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -3,6 +3,6 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<script type="module" src="./main.ts"></script>
|
||||
<script src="./main.ts" type="module"></script>
|
||||
</head>
|
||||
</html>
|
||||
|
||||
@ -8,6 +8,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="./main.tsx"></script>
|
||||
<script src="./main.tsx" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -62,7 +62,7 @@ describe('LexicalListItemNode tests', () => {
|
||||
expectHtmlToBeEqual(
|
||||
listItemNode.createDOM(editorConfig).outerHTML,
|
||||
html`
|
||||
<li value="1" class="my-listItem-item-class"></li>
|
||||
<li class="my-listItem-item-class" value="1"></li>
|
||||
`,
|
||||
);
|
||||
|
||||
@ -90,7 +90,7 @@ describe('LexicalListItemNode tests', () => {
|
||||
expectHtmlToBeEqual(
|
||||
domElement.outerHTML,
|
||||
html`
|
||||
<li value="1" class="my-listItem-item-class"></li>
|
||||
<li class="my-listItem-item-class" value="1"></li>
|
||||
`,
|
||||
);
|
||||
const newListItemNode = new ListItemNode();
|
||||
@ -106,7 +106,7 @@ describe('LexicalListItemNode tests', () => {
|
||||
expectHtmlToBeEqual(
|
||||
domElement.outerHTML,
|
||||
html`
|
||||
<li value="1" class="my-listItem-item-class"></li>
|
||||
<li class="my-listItem-item-class" value="1"></li>
|
||||
`,
|
||||
);
|
||||
});
|
||||
@ -125,7 +125,7 @@ describe('LexicalListItemNode tests', () => {
|
||||
expectHtmlToBeEqual(
|
||||
domElement.outerHTML,
|
||||
html`
|
||||
<li value="1" class="my-listItem-item-class"></li>
|
||||
<li class="my-listItem-item-class" value="1"></li>
|
||||
`,
|
||||
);
|
||||
const nestedListNode = new ListNode('bullet', 1);
|
||||
@ -143,8 +143,8 @@ describe('LexicalListItemNode tests', () => {
|
||||
domElement.outerHTML,
|
||||
html`
|
||||
<li
|
||||
value="1"
|
||||
class="my-listItem-item-class my-nested-list-listItem-class"></li>
|
||||
class="my-listItem-item-class my-nested-list-listItem-class"
|
||||
value="1"></li>
|
||||
`,
|
||||
);
|
||||
});
|
||||
@ -184,13 +184,13 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li value="3" dir="ltr">
|
||||
<li dir="ltr" value="3">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -217,13 +217,13 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">bar</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li value="3" dir="ltr">
|
||||
<li dir="ltr" value="3">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -247,13 +247,13 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li value="3" dir="ltr">
|
||||
<li dir="ltr" value="3">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -275,10 +275,10 @@ describe('LexicalListItemNode tests', () => {
|
||||
data-lexical-editor="true">
|
||||
<p><br /></p>
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -303,10 +303,10 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -332,13 +332,13 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
</ul>
|
||||
<p><br /></p>
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -363,7 +363,7 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -423,13 +423,13 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">x</span>
|
||||
</li>
|
||||
<li value="3" dir="ltr">
|
||||
<li dir="ltr" value="3">
|
||||
<span data-lexical-text="true">B</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -447,10 +447,10 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">B</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -497,15 +497,15 @@ describe('LexicalListItemNode tests', () => {
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">x</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">B</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -525,12 +525,12 @@ describe('LexicalListItemNode tests', () => {
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">B</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -575,15 +575,15 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">x</span>
|
||||
</li>
|
||||
<li value="3">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">B</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -603,12 +603,12 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A</span>
|
||||
</li>
|
||||
<li value="2">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">B</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -661,17 +661,17 @@ describe('LexicalListItemNode tests', () => {
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">x</span>
|
||||
</li>
|
||||
<li value="2">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">B</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -693,10 +693,10 @@ describe('LexicalListItemNode tests', () => {
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">B</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -757,24 +757,24 @@ describe('LexicalListItemNode tests', () => {
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A1</span>
|
||||
</li>
|
||||
<li value="2">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A2</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">x</span>
|
||||
</li>
|
||||
<li value="2">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">B</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -796,17 +796,17 @@ describe('LexicalListItemNode tests', () => {
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A1</span>
|
||||
</li>
|
||||
<li value="2">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A2</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">B</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -867,24 +867,24 @@ describe('LexicalListItemNode tests', () => {
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">x</span>
|
||||
</li>
|
||||
<li value="2">
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">B1</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">B2</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -906,17 +906,17 @@ describe('LexicalListItemNode tests', () => {
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A</span>
|
||||
</li>
|
||||
<li value="2">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">B1</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">B2</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -985,31 +985,31 @@ describe('LexicalListItemNode tests', () => {
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A1</span>
|
||||
</li>
|
||||
<li value="2">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A2</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">x</span>
|
||||
</li>
|
||||
<li value="2">
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">B1</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">B2</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1031,20 +1031,20 @@ describe('LexicalListItemNode tests', () => {
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A1</span>
|
||||
</li>
|
||||
<li value="2">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">A2</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">B1</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">B2</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1089,13 +1089,13 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li value="3" dir="ltr">
|
||||
<li dir="ltr" value="3">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1119,14 +1119,14 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li value="2"><br /></li>
|
||||
<li value="3" dir="ltr">
|
||||
<li dir="ltr" value="3">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li value="4" dir="ltr">
|
||||
<li dir="ltr" value="4">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1150,13 +1150,13 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li value="3" dir="ltr">
|
||||
<li dir="ltr" value="3">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
<li value="4"><br /></li>
|
||||
@ -1181,13 +1181,13 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li value="3" dir="ltr">
|
||||
<li dir="ltr" value="3">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
<li value="4"><br /></li>
|
||||
@ -1213,7 +1213,7 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1233,7 +1233,7 @@ describe('LexicalListItemNode tests', () => {
|
||||
style="user-select: text; white-space: pre-wrap; word-break: break-word;"
|
||||
data-lexical-editor="true">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li value="2"><br /></li>
|
||||
@ -1310,7 +1310,7 @@ describe('LexicalListItemNode tests', () => {
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1319,7 +1319,7 @@ describe('LexicalListItemNode tests', () => {
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1338,10 +1338,10 @@ describe('LexicalListItemNode tests', () => {
|
||||
editor.getRootElement()!.innerHTML,
|
||||
html`
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@ -40,17 +40,17 @@ test.describe('Auto Links', () => {
|
||||
html`
|
||||
<p dir="ltr">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a href="http://example.com" dir="ltr">
|
||||
<a dir="ltr" href="http://example.com">
|
||||
<span data-lexical-text="true">http://example.com</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">and</span>
|
||||
<a href="https://example.com/path?with=query#and-hash" dir="ltr">
|
||||
<a dir="ltr" href="https://example.com/path?with=query#and-hash">
|
||||
<span data-lexical-text="true">
|
||||
https://example.com/path?with=query#and-hash
|
||||
</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">and</span>
|
||||
<a href="https://www.example.com" dir="ltr">
|
||||
<a dir="ltr" href="https://www.example.com">
|
||||
<span data-lexical-text="true">www.example.com</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -67,7 +67,7 @@ test.describe('Auto Links', () => {
|
||||
test.skip(isPlainText);
|
||||
const htmlWithLink = html`
|
||||
<p dir="ltr">
|
||||
<a href="http://example.com" dir="ltr">
|
||||
<a dir="ltr" href="http://example.com">
|
||||
<span data-lexical-text="true">http://example.com</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -139,17 +139,17 @@ test.describe('Auto Links', () => {
|
||||
html`
|
||||
<p dir="ltr">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a href="http://example.com" dir="ltr">
|
||||
<a dir="ltr" href="http://example.com">
|
||||
<span data-lexical-text="true">http://example.com</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">and</span>
|
||||
<a href="https://example.com/path?with=query#and-hash" dir="ltr">
|
||||
<a dir="ltr" href="https://example.com/path?with=query#and-hash">
|
||||
<span data-lexical-text="true">
|
||||
https://example.com/path?with=query#and-hash
|
||||
</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">and</span>
|
||||
<a href="https://www.example.com" dir="ltr">
|
||||
<a dir="ltr" href="https://www.example.com">
|
||||
<span data-lexical-text="true">www.example.com</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -172,7 +172,7 @@ test.describe('Auto Links', () => {
|
||||
page,
|
||||
html`
|
||||
<p dir="ltr">
|
||||
<a href="https://" dir="ltr" rel="noreferrer">
|
||||
<a dir="ltr" href="https://" rel="noreferrer">
|
||||
<span data-lexical-text="true">hm</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -187,7 +187,7 @@ test.describe('Auto Links', () => {
|
||||
page,
|
||||
html`
|
||||
<p dir="ltr">
|
||||
<a href="https://" dir="ltr" rel="noreferrer">
|
||||
<a dir="ltr" href="https://" rel="noreferrer">
|
||||
<span data-lexical-text="true">https://facebook.com</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -210,15 +210,15 @@ test.describe('Auto Links', () => {
|
||||
page,
|
||||
html`
|
||||
<p>
|
||||
<a href="https://1.com/" dir="ltr">
|
||||
<a dir="ltr" href="https://1.com/">
|
||||
<span data-lexical-text="true">https://1.com/</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">,</span>
|
||||
<a href="https://2.com/" dir="ltr">
|
||||
<a dir="ltr" href="https://2.com/">
|
||||
<span data-lexical-text="true">https://2.com/</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">;;;</span>
|
||||
<a href="https://3.com" dir="ltr">
|
||||
<a dir="ltr" href="https://3.com">
|
||||
<span data-lexical-text="true">https://3.com</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -239,19 +239,19 @@ test.describe('Auto Links', () => {
|
||||
page,
|
||||
html`
|
||||
<p>
|
||||
<a href="https://1.com/" dir="ltr">
|
||||
<a dir="ltr" href="https://1.com/">
|
||||
<span data-lexical-text="true">https://1.com/</span>
|
||||
</a>
|
||||
<span data-lexical-text="true"></span>
|
||||
<a href="https://2.com/" dir="ltr">
|
||||
<a dir="ltr" href="https://2.com/">
|
||||
<span data-lexical-text="true">https://2.com/</span>
|
||||
</a>
|
||||
<span data-lexical-text="true"></span>
|
||||
<a href="https://3.com/" dir="ltr">
|
||||
<a dir="ltr" href="https://3.com/">
|
||||
<span data-lexical-text="true">https://3.com/</span>
|
||||
</a>
|
||||
<span data-lexical-text="true"></span>
|
||||
<a href="https://4.com/" dir="ltr">
|
||||
<a dir="ltr" href="https://4.com/">
|
||||
<span data-lexical-text="true">https://4.com/</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -274,7 +274,7 @@ test.describe('Auto Links', () => {
|
||||
html`
|
||||
<p dir="ltr">
|
||||
<span data-lexical-text="true">Hellohttps://example.com</span>
|
||||
<a href="https://example.com" dir="ltr">
|
||||
<a dir="ltr" href="https://example.com">
|
||||
<span data-lexical-text="true">https://example.com</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -321,7 +321,7 @@ test.describe('Auto Links', () => {
|
||||
html`
|
||||
<p dir="ltr">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a href="http://example.com" dir="ltr">
|
||||
<a dir="ltr" href="http://example.com">
|
||||
<span data-lexical-text="true">http://example.</span>
|
||||
<strong data-lexical-text="true">com</strong>
|
||||
</a>
|
||||
@ -369,7 +369,7 @@ test.describe('Auto Links', () => {
|
||||
html`
|
||||
<p dir="ltr">
|
||||
<span style="font-size: 19px;" data-lexical-text="true">Hello</span>
|
||||
<a href="http://example.com" dir="ltr">
|
||||
<a dir="ltr" href="http://example.com">
|
||||
<span style="font-size: 19px;" data-lexical-text="true">
|
||||
http://example.com
|
||||
</span>
|
||||
@ -528,7 +528,7 @@ test.describe('Auto Links', () => {
|
||||
html`
|
||||
<p dir="ltr">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a href="http://www.example.com" dir="ltr">
|
||||
<a dir="ltr" href="http://www.example.com">
|
||||
<span data-lexical-text="true">http://www.example.com</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">test</span>
|
||||
@ -566,7 +566,7 @@ test.describe('Auto Links', () => {
|
||||
html`
|
||||
<p dir="ltr">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a href="http://www.example.com" dir="ltr">
|
||||
<a dir="ltr" href="http://www.example.com">
|
||||
<span data-lexical-text="true">http://www.example.com</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">test</span>
|
||||
|
||||
@ -75,9 +75,9 @@ test.describe('Clear All Formatting', () => {
|
||||
html`
|
||||
<p class="PlaygroundEditorTheme__paragraph">
|
||||
<a
|
||||
href="https://facebook.com"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://facebook.com">
|
||||
<span data-lexical-text="true">Facebook!</span>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
@ -45,11 +45,11 @@ test.describe('CodeBlock', () => {
|
||||
html`
|
||||
<code
|
||||
class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr"
|
||||
spellcheck="false"
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="1"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span
|
||||
class="PlaygroundEditorTheme__tokenFunction"
|
||||
data-lexical-text="true">
|
||||
@ -126,11 +126,11 @@ test.describe('CodeBlock', () => {
|
||||
html`
|
||||
<code
|
||||
class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr"
|
||||
spellcheck="false"
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="1"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span
|
||||
class="PlaygroundEditorTheme__tokenFunction"
|
||||
data-lexical-text="true">
|
||||
@ -227,8 +227,8 @@ test.describe('CodeBlock', () => {
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="12345"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span data-lexical-text="true">foo</span>
|
||||
<br />
|
||||
<span data-lexical-text="true">bar</span>
|
||||
@ -254,11 +254,11 @@ test.describe('CodeBlock', () => {
|
||||
html`
|
||||
<code
|
||||
class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr"
|
||||
spellcheck="false"
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="1"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span data-lexical-text="true">select</span>
|
||||
<span
|
||||
class="PlaygroundEditorTheme__tokenOperator"
|
||||
@ -276,11 +276,11 @@ test.describe('CodeBlock', () => {
|
||||
html`
|
||||
<code
|
||||
class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr"
|
||||
spellcheck="false"
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="1"
|
||||
data-language="sql"
|
||||
data-highlight-language="sql">
|
||||
data-highlight-language="sql"
|
||||
data-language="sql">
|
||||
<span
|
||||
class="PlaygroundEditorTheme__tokenAttr"
|
||||
data-lexical-text="true">
|
||||
@ -335,11 +335,11 @@ test.describe('CodeBlock', () => {
|
||||
html`
|
||||
<code
|
||||
class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr"
|
||||
spellcheck="false"
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="123"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span
|
||||
class="PlaygroundEditorTheme__tokenFunction"
|
||||
data-lexical-text="true">
|
||||
@ -424,11 +424,11 @@ test.describe('CodeBlock', () => {
|
||||
html`
|
||||
<code
|
||||
class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr"
|
||||
spellcheck="false"
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="123"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span
|
||||
class="PlaygroundEditorTheme__tokenAttr"
|
||||
data-lexical-text="true">
|
||||
@ -499,8 +499,8 @@ test.describe('CodeBlock', () => {
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="123"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span data-lexical-text="true"></span>
|
||||
<span data-lexical-text="true"></span>
|
||||
<span
|
||||
@ -573,8 +573,8 @@ test.describe('CodeBlock', () => {
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="123"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span data-lexical-text="true"></span>
|
||||
<span
|
||||
class="PlaygroundEditorTheme__tokenAttr"
|
||||
@ -641,11 +641,11 @@ test.describe('CodeBlock', () => {
|
||||
html`
|
||||
<code
|
||||
class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr"
|
||||
spellcheck="false"
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="123"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span
|
||||
class="PlaygroundEditorTheme__tokenAttr"
|
||||
data-lexical-text="true">
|
||||
@ -709,11 +709,11 @@ test.describe('CodeBlock', () => {
|
||||
const abcHTML = html`
|
||||
<code
|
||||
class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr"
|
||||
spellcheck="false"
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="123"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span
|
||||
class="PlaygroundEditorTheme__tokenFunction"
|
||||
data-lexical-text="true">
|
||||
@ -781,11 +781,11 @@ test.describe('CodeBlock', () => {
|
||||
const bcaHTML = html`
|
||||
<code
|
||||
class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr"
|
||||
spellcheck="false"
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="123"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span
|
||||
class="PlaygroundEditorTheme__tokenFunction"
|
||||
data-lexical-text="true">
|
||||
|
||||
@ -119,29 +119,29 @@ test.describe('Collaboration', () => {
|
||||
</p>
|
||||
<ul class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
|
||||
<li
|
||||
aria-checked="false"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr"
|
||||
value="1">
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
value="1"
|
||||
aria-checked="false">
|
||||
<span data-lexical-text="true">a</span>
|
||||
</li>
|
||||
<li
|
||||
aria-checked="false"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr"
|
||||
value="2">
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
value="2"
|
||||
aria-checked="false">
|
||||
<span data-lexical-text="true">b</span>
|
||||
</li>
|
||||
<li
|
||||
aria-checked="false"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
value="3">
|
||||
value="3"
|
||||
aria-checked="false">
|
||||
<br />
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@ -74,8 +74,8 @@ test.describe('HTML CopyAndPaste', () => {
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="123"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span
|
||||
class="PlaygroundEditorTheme__tokenAttr"
|
||||
data-lexical-text="true">
|
||||
|
||||
@ -48,9 +48,9 @@ test.describe('HTML Links CopyAndPaste', () => {
|
||||
html`
|
||||
<p class="PlaygroundEditorTheme__paragraph">
|
||||
<a
|
||||
href="https://facebook.com"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://facebook.com">
|
||||
<span data-lexical-text="true">Facebook!</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -88,10 +88,10 @@ test.describe('HTML Links CopyAndPaste', () => {
|
||||
html`
|
||||
<p class="PlaygroundEditorTheme__paragraph">
|
||||
<a
|
||||
href="https://facebook.com"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://facebook.com"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">Facebook!</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -124,9 +124,9 @@ test.describe('HTML Links CopyAndPaste', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">beforetext</span>
|
||||
<a
|
||||
href="https://test.com/1"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://test.com/1">
|
||||
<span data-lexical-text="true">link</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">textafter</span>
|
||||
@ -160,16 +160,16 @@ test.describe('HTML Links CopyAndPaste', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">text</span>
|
||||
<a
|
||||
href="https://test.com/"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://test.com/">
|
||||
<span data-lexical-text="true">link</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">text</span>
|
||||
<a
|
||||
href="https://test.com/"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://test.com/">
|
||||
<span data-lexical-text="true">in</span>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
@ -94,21 +94,21 @@ test.describe('HTML Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem">
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
|
||||
value="1">
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">world!</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -129,19 +129,19 @@ test.describe('HTML Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem">
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
|
||||
value="1">
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="2">
|
||||
<span data-lexical-text="true">world!</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -159,19 +159,19 @@ test.describe('HTML Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem">
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
|
||||
value="2">
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">world!</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -200,19 +200,19 @@ test.describe('HTML Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem">
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
|
||||
value="2">
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">world!</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -235,15 +235,15 @@ test.describe('HTML Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="2">
|
||||
<span data-lexical-text="true">world!</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -259,21 +259,21 @@ test.describe('HTML Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem">
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
|
||||
value="1">
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">world!</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -297,21 +297,21 @@ test.describe('HTML Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
|
||||
<li
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
aria-checked="false"
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
aria-checked="false">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</li>
|
||||
<li
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
aria-checked="false"
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
aria-checked="false">
|
||||
<span data-lexical-text="true">world</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -333,21 +333,21 @@ test.describe('HTML Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
|
||||
<li
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemChecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
aria-checked="true"
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemChecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
aria-checked="true">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</li>
|
||||
<li
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
aria-checked="false"
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
aria-checked="false">
|
||||
<span data-lexical-text="true">world</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -385,9 +385,9 @@ test.describe('HTML Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -403,15 +403,15 @@ test.describe('HTML Lists CopyAndPaste', () => {
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="2">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
<li
|
||||
value="3"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="3">
|
||||
<span data-lexical-text="true">four</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -448,7 +448,7 @@ test.describe('HTML Lists CopyAndPaste', () => {
|
||||
page,
|
||||
html`
|
||||
<ol class="PlaygroundEditorTheme__ol1">
|
||||
<li value="1" class="PlaygroundEditorTheme__listItem">
|
||||
<li class="PlaygroundEditorTheme__listItem" value="1">
|
||||
<span data-lexical-text="true">1</span>
|
||||
<br />
|
||||
<span data-lexical-text="true">2</span>
|
||||
@ -456,9 +456,9 @@ test.describe('HTML Lists CopyAndPaste', () => {
|
||||
<span data-lexical-text="true">3</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="2">
|
||||
<span data-lexical-text="true">A</span>
|
||||
<br />
|
||||
<span data-lexical-text="true">B</span>
|
||||
|
||||
@ -816,18 +816,18 @@ test.describe('CopyAndPaste', () => {
|
||||
class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">World</span>
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">World</span>
|
||||
|
||||
@ -136,21 +136,21 @@ test.describe('Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li
|
||||
value="3"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="3">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -198,24 +198,24 @@ test.describe('Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li value="2" class="PlaygroundEditorTheme__listItem">
|
||||
<li class="PlaygroundEditorTheme__listItem" value="2">
|
||||
<br />
|
||||
</li>
|
||||
<li
|
||||
value="3"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="3">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li
|
||||
value="4"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="4">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -240,15 +240,15 @@ test.describe('Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="2">
|
||||
<span data-lexical-text="true">ee</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -259,15 +259,15 @@ test.describe('Lists CopyAndPaste', () => {
|
||||
</p>
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="2">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -381,33 +381,33 @@ test.describe('Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li
|
||||
value="3"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="3">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
<li
|
||||
value="4"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="4">
|
||||
<span data-lexical-text="true">four</span>
|
||||
</li>
|
||||
<li
|
||||
value="5"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="5">
|
||||
<span data-lexical-text="true">five</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -427,33 +427,33 @@ test.describe('Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li
|
||||
value="3"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="3">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
<li
|
||||
value="4"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="4">
|
||||
<span data-lexical-text="true">four</span>
|
||||
</li>
|
||||
<li
|
||||
value="5"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="5">
|
||||
<span data-lexical-text="true">five</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -474,33 +474,33 @@ test.describe('Lists CopyAndPaste', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li
|
||||
value="3"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="3">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
<li
|
||||
value="4"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="4">
|
||||
<span data-lexical-text="true">four</span>
|
||||
</li>
|
||||
<li
|
||||
value="5"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="5">
|
||||
<span data-lexical-text="true">five</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -509,33 +509,33 @@ test.describe('Lists CopyAndPaste', () => {
|
||||
</p>
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li
|
||||
value="3"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="3">
|
||||
<span data-lexical-text="true">three</span>
|
||||
</li>
|
||||
<li
|
||||
value="4"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="4">
|
||||
<span data-lexical-text="true">four</span>
|
||||
</li>
|
||||
<li
|
||||
value="5"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="5">
|
||||
<span data-lexical-text="true">five</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@ -39,13 +39,13 @@ test.describe('Element format', () => {
|
||||
html`
|
||||
<p
|
||||
class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr PlaygroundEditorTheme__indent"
|
||||
style="padding-inline-start: calc(80px); text-align: center;"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
style="padding-inline-start: calc(80px); text-align: center;">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a
|
||||
href="https://lexical.io"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://lexical.io">
|
||||
<span data-lexical-text="true">https://lexical.io</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">world</span>
|
||||
|
||||
@ -55,27 +55,27 @@ test.describe('File', () => {
|
||||
</p>
|
||||
<ol class="PlaygroundEditorTheme__ol1">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="2">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li value="3" class="PlaygroundEditorTheme__listItem">
|
||||
<li class="PlaygroundEditorTheme__listItem" value="3">
|
||||
<span
|
||||
class="editor-image"
|
||||
contenteditable="false"
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QCMRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABIAAAAAQAAAEgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAAagAwAEAAAAAQAAAAcAAAAA/8IAEQgABwAGAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAMCBAEFAAYHCAkKC//EAMMQAAEDAwIEAwQGBAcGBAgGcwECAAMRBBIhBTETIhAGQVEyFGFxIweBIJFCFaFSM7EkYjAWwXLRQ5I0ggjhU0AlYxc18JNzolBEsoPxJlQ2ZJR0wmDShKMYcOInRTdls1V1pJXDhfLTRnaA40dWZrQJChkaKCkqODk6SElKV1hZWmdoaWp3eHl6hoeIiYqQlpeYmZqgpaanqKmqsLW2t7i5usDExcbHyMnK0NTV1tfY2drg5OXm5+jp6vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAQIAAwQFBgcICQoL/8QAwxEAAgIBAwMDAgMFAgUCBASHAQACEQMQEiEEIDFBEwUwIjJRFEAGMyNhQhVxUjSBUCSRoUOxFgdiNVPw0SVgwUThcvEXgmM2cCZFVJInotIICQoYGRooKSo3ODk6RkdISUpVVldYWVpkZWZnaGlqc3R1dnd4eXqAg4SFhoeIiYqQk5SVlpeYmZqgo6SlpqeoqaqwsrO0tba3uLm6wMLDxMXGx8jJytDT1NXW19jZ2uDi4+Tl5ufo6ery8/T19vf4+fr/2wBDAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVz/2wBDAQIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVz/2gAMAwEAAhEDEQAAAfBeXfV/i9n/2gAIAQEAAQUCmlT7p//aAAgBAxEBPwGWbIKo/wBmP+0f/9oACAECEQE/AYYoHddn7pf7V//aAAgBAQAGPwKFaUpWtZJJVUl//8QAMxABAAMAAgICAgIDAQEAAAILAREAITFBUWFxgZGhscHw0RDh8SAwQFBgcICQoLDA0OD/2gAIAQEAAT8hFyPFTveHPBl//9oADAMBAAIRAxEAABCL/8QAMxEBAQEAAwABAgUFAQEAAQEJAQARITEQQVFhIHHwkYGhsdHB4fEwQFBgcICQoLDA0OD/2gAIAQMRAT8QYOAdB9nP5t//2gAIAQIRAT8QEWh51X58fxf/2gAIAQEAAT8QJfU4BLBcKyeUzf/Z"
|
||||
alt=""
|
||||
draggable="false"
|
||||
src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QCMRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABIAAAAAQAAAEgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAAagAwAEAAAAAQAAAAcAAAAA/8IAEQgABwAGAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAMCBAEFAAYHCAkKC//EAMMQAAEDAwIEAwQGBAcGBAgGcwECAAMRBBIhBTETIhAGQVEyFGFxIweBIJFCFaFSM7EkYjAWwXLRQ5I0ggjhU0AlYxc18JNzolBEsoPxJlQ2ZJR0wmDShKMYcOInRTdls1V1pJXDhfLTRnaA40dWZrQJChkaKCkqODk6SElKV1hZWmdoaWp3eHl6hoeIiYqQlpeYmZqgpaanqKmqsLW2t7i5usDExcbHyMnK0NTV1tfY2drg5OXm5+jp6vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAQIAAwQFBgcICQoL/8QAwxEAAgIBAwMDAgMFAgUCBASHAQACEQMQEiEEIDFBEwUwIjJRFEAGMyNhQhVxUjSBUCSRoUOxFgdiNVPw0SVgwUThcvEXgmM2cCZFVJInotIICQoYGRooKSo3ODk6RkdISUpVVldYWVpkZWZnaGlqc3R1dnd4eXqAg4SFhoeIiYqQk5SVlpeYmZqgo6SlpqeoqaqwsrO0tba3uLm6wMLDxMXGx8jJytDT1NXW19jZ2uDi4+Tl5ufo6ery8/T19vf4+fr/2wBDAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVz/2wBDAQIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVz/2gAMAwEAAhEDEQAAAfBeXfV/i9n/2gAIAQEAAQUCmlT7p//aAAgBAxEBPwGWbIKo/wBmP+0f/9oACAECEQE/AYYoHddn7pf7V//aAAgBAQAGPwKFaUpWtZJJVUl//8QAMxABAAMAAgICAgIDAQEAAAILAREAITFBUWFxgZGhscHw0RDh8SAwQFBgcICQoLDA0OD/2gAIAQEAAT8hFyPFTveHPBl//9oADAMBAAIRAxEAABCL/8QAMxEBAQEAAwABAgUFAQEAAQEJAQARITEQQVFhIHHwkYGhsdHB4fEwQFBgcICQoLDA0OD/2gAIAQMRAT8QYOAdB9nP5t//2gAIAQIRAT8QEWh51X58fxf/2gAIAQEAAT8QJfU4BLBcKyeUzf/Z"
|
||||
style="height: inherit; max-width: 500px; width: inherit;" />
|
||||
</div>
|
||||
</span>
|
||||
|
||||
@ -55,9 +55,9 @@ test.describe('Images', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 500px; width: inherit;" />
|
||||
</div>
|
||||
</span>
|
||||
@ -123,11 +123,11 @@ test.describe('Images', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="true">
|
||||
<img
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
class="focused draggable"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
style="height: inherit; max-width: 500px; width: inherit;"
|
||||
class="focused draggable" />
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 500px; width: inherit;" />
|
||||
</div>
|
||||
<div>
|
||||
<button class="image-caption-button">Add Caption</button>
|
||||
@ -175,9 +175,9 @@ test.describe('Images', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 500px; width: inherit;" />
|
||||
</div>
|
||||
</span>
|
||||
@ -237,9 +237,9 @@ test.describe('Images', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 500px; width: inherit;" />
|
||||
</div>
|
||||
</span>
|
||||
@ -249,9 +249,9 @@ test.describe('Images', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 500px; width: inherit;" />
|
||||
</div>
|
||||
</span>
|
||||
@ -277,9 +277,9 @@ test.describe('Images', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 500px; width: inherit;" />
|
||||
</div>
|
||||
</span>
|
||||
@ -328,9 +328,9 @@ test.describe('Images', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 500px; width: inherit;" />
|
||||
</div>
|
||||
</span>
|
||||
@ -340,9 +340,9 @@ test.describe('Images', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 500px; width: inherit;" />
|
||||
</div>
|
||||
</span>
|
||||
@ -370,9 +370,9 @@ test.describe('Images', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 500px; width: inherit;" />
|
||||
</div>
|
||||
</span>
|
||||
@ -415,9 +415,9 @@ test.describe('Images', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
src="https://lexical.dev/img/logo.svg"
|
||||
alt="lexical logo"
|
||||
draggable="false"
|
||||
src="https://lexical.dev/img/logo.svg"
|
||||
style="height: inherit; max-width: 500px; width: inherit;" />
|
||||
</div>
|
||||
</span>
|
||||
@ -427,9 +427,9 @@ test.describe('Images', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QCMRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABIAAAAAQAAAEgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAAagAwAEAAAAAQAAAAcAAAAA/8IAEQgABwAGAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAMCBAEFAAYHCAkKC//EAMMQAAEDAwIEAwQGBAcGBAgGcwECAAMRBBIhBTETIhAGQVEyFGFxIweBIJFCFaFSM7EkYjAWwXLRQ5I0ggjhU0AlYxc18JNzolBEsoPxJlQ2ZJR0wmDShKMYcOInRTdls1V1pJXDhfLTRnaA40dWZrQJChkaKCkqODk6SElKV1hZWmdoaWp3eHl6hoeIiYqQlpeYmZqgpaanqKmqsLW2t7i5usDExcbHyMnK0NTV1tfY2drg5OXm5+jp6vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAQIAAwQFBgcICQoL/8QAwxEAAgIBAwMDAgMFAgUCBASHAQACEQMQEiEEIDFBEwUwIjJRFEAGMyNhQhVxUjSBUCSRoUOxFgdiNVPw0SVgwUThcvEXgmM2cCZFVJInotIICQoYGRooKSo3ODk6RkdISUpVVldYWVpkZWZnaGlqc3R1dnd4eXqAg4SFhoeIiYqQk5SVlpeYmZqgo6SlpqeoqaqwsrO0tba3uLm6wMLDxMXGx8jJytDT1NXW19jZ2uDi4+Tl5ufo6ery8/T19vf4+fr/2wBDAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVz/2wBDAQIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVz/2gAMAwEAAhEDEQAAAfBeXfV/i9n/2gAIAQEAAQUCmlT7p//aAAgBAxEBPwGWbIKo/wBmP+0f/9oACAECEQE/AYYoHddn7pf7V//aAAgBAQAGPwKFaUpWtZJJVUl//8QAMxABAAMAAgICAgIDAQEAAAILAREAITFBUWFxgZGhscHw0RDh8SAwQFBgcICQoLDA0OD/2gAIAQEAAT8hFyPFTveHPBl//9oADAMBAAIRAxEAABCL/8QAMxEBAQEAAwABAgUFAQEAAQEJAQARITEQQVFhIHHwkYGhsdHB4fEwQFBgcICQoLDA0OD/2gAIAQMRAT8QYOAdB9nP5t//2gAIAQIRAT8QEWh51X58fxf/2gAIAQEAAT8QJfU4BLBcKyeUzf/Z"
|
||||
alt="a pretty yellow flower :)"
|
||||
draggable="false"
|
||||
src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QCMRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAABIAAAAAQAAAEgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAAagAwAEAAAAAQAAAAcAAAAA/8IAEQgABwAGAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAMCBAEFAAYHCAkKC//EAMMQAAEDAwIEAwQGBAcGBAgGcwECAAMRBBIhBTETIhAGQVEyFGFxIweBIJFCFaFSM7EkYjAWwXLRQ5I0ggjhU0AlYxc18JNzolBEsoPxJlQ2ZJR0wmDShKMYcOInRTdls1V1pJXDhfLTRnaA40dWZrQJChkaKCkqODk6SElKV1hZWmdoaWp3eHl6hoeIiYqQlpeYmZqgpaanqKmqsLW2t7i5usDExcbHyMnK0NTV1tfY2drg5OXm5+jp6vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAQIAAwQFBgcICQoL/8QAwxEAAgIBAwMDAgMFAgUCBASHAQACEQMQEiEEIDFBEwUwIjJRFEAGMyNhQhVxUjSBUCSRoUOxFgdiNVPw0SVgwUThcvEXgmM2cCZFVJInotIICQoYGRooKSo3ODk6RkdISUpVVldYWVpkZWZnaGlqc3R1dnd4eXqAg4SFhoeIiYqQk5SVlpeYmZqgo6SlpqeoqaqwsrO0tba3uLm6wMLDxMXGx8jJytDT1NXW19jZ2uDi4+Tl5ufo6ery8/T19vf4+fr/2wBDAAIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVz/2wBDAQIDAwMEAwQFBQQGBgYGBggIBwcICA0JCgkKCQ0TDA4MDA4MExEUEQ8RFBEeGBUVGB4jHRwdIyolJSo1MjVFRVz/2gAMAwEAAhEDEQAAAfBeXfV/i9n/2gAIAQEAAQUCmlT7p//aAAgBAxEBPwGWbIKo/wBmP+0f/9oACAECEQE/AYYoHddn7pf7V//aAAgBAQAGPwKFaUpWtZJJVUl//8QAMxABAAMAAgICAgIDAQEAAAILAREAITFBUWFxgZGhscHw0RDh8SAwQFBgcICQoLDA0OD/2gAIAQEAAT8hFyPFTveHPBl//9oADAMBAAIRAxEAABCL/8QAMxEBAQEAAwABAgUFAQEAAQEJAQARITEQQVFhIHHwkYGhsdHB4fEwQFBgcICQoLDA0OD/2gAIAQMRAT8QYOAdB9nP5t//2gAIAQIRAT8QEWh51X58fxf/2gAIAQEAAT8QJfU4BLBcKyeUzf/Z"
|
||||
style="height: inherit; max-width: 500px; width: inherit;" />
|
||||
</div>
|
||||
</span>
|
||||
|
||||
@ -99,8 +99,8 @@ test.describe('Identation', () => {
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="1"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span data-lexical-text="true">code</span>
|
||||
</code>
|
||||
<p class="PlaygroundEditorTheme__paragraph"><br /></p>
|
||||
@ -177,8 +177,8 @@ test.describe('Identation', () => {
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="1"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span data-lexical-text="true">code</span>
|
||||
</code>
|
||||
<p
|
||||
@ -270,8 +270,8 @@ test.describe('Identation', () => {
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="1"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span data-lexical-text="true">code</span>
|
||||
</code>
|
||||
<p
|
||||
@ -357,8 +357,8 @@ test.describe('Identation', () => {
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="1"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span data-lexical-text="true">code</span>
|
||||
</code>
|
||||
<p
|
||||
@ -438,8 +438,8 @@ test.describe('Identation', () => {
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="1"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span data-lexical-text="true">code</span>
|
||||
</code>
|
||||
<p class="PlaygroundEditorTheme__paragraph" style=""><br /></p>
|
||||
|
||||
@ -65,10 +65,10 @@ test.describe.parallel('Links', () => {
|
||||
class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -92,10 +92,10 @@ test.describe.parallel('Links', () => {
|
||||
class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
<a
|
||||
href="https://facebook.com"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://facebook.com"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -1499,10 +1499,10 @@ test.describe.parallel('Links', () => {
|
||||
class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">An Awesome Website</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -1522,10 +1522,10 @@ test.describe.parallel('Links', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">Hey, check this out:</span>
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">An Awesome Website</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">!</span>
|
||||
@ -1591,10 +1591,10 @@ test.describe.parallel('Links', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">This is an</span>
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">Awesome Website</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">, right?</span>
|
||||
@ -1636,10 +1636,10 @@ test.describe.parallel('Links', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">world</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -1662,10 +1662,10 @@ test.describe.parallel('Links', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a
|
||||
href="https://facebook.com"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://facebook.com"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">world</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -1742,10 +1742,10 @@ test.describe.parallel('Links', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">world</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -1778,10 +1778,10 @@ test.describe.parallel('Links', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a
|
||||
href="https://facebook.com"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://facebook.com"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">world</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -1853,10 +1853,10 @@ test.describe.parallel('Links', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">world</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -1876,10 +1876,10 @@ test.describe.parallel('Links', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">world</span>
|
||||
</a>
|
||||
</h1>
|
||||
|
||||
@ -98,9 +98,9 @@ test.describe.parallel('Nested List', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam
|
||||
venenatis risus ac cursus efficitur. Cras efficitur magna odio,
|
||||
@ -258,17 +258,17 @@ test.describe.parallel('Nested List', () => {
|
||||
<ul>
|
||||
<li value="1">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">foo</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">bar</span>
|
||||
</li>
|
||||
<li value="2">
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">baz</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -487,10 +487,10 @@ test.describe.parallel('Nested List', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">One</span>
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">three</span>
|
||||
@ -518,10 +518,10 @@ test.describe.parallel('Nested List', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">One</span>
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">three</span>
|
||||
@ -1059,7 +1059,7 @@ test.describe.parallel('Nested List', () => {
|
||||
page,
|
||||
html`
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">a</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1090,10 +1090,10 @@ test.describe.parallel('Nested List', () => {
|
||||
page,
|
||||
html`
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">a</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">b</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1106,7 +1106,7 @@ test.describe.parallel('Nested List', () => {
|
||||
page,
|
||||
html`
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">a</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1132,13 +1132,13 @@ test.describe.parallel('Nested List', () => {
|
||||
page,
|
||||
html`
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">a</span>
|
||||
</li>
|
||||
<li value="2" dir="ltr">
|
||||
<li dir="ltr" value="2">
|
||||
<span data-lexical-text="true">b</span>
|
||||
</li>
|
||||
<li value="3" dir="ltr">
|
||||
<li dir="ltr" value="3">
|
||||
<span data-lexical-text="true">c</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1151,13 +1151,13 @@ test.describe.parallel('Nested List', () => {
|
||||
page,
|
||||
html`
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">a</span>
|
||||
</li>
|
||||
</ul>
|
||||
<p dir="ltr"><span data-lexical-text="true">b</span></p>
|
||||
<ul>
|
||||
<li value="1" dir="ltr">
|
||||
<li dir="ltr" value="1">
|
||||
<span data-lexical-text="true">c</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1187,21 +1187,21 @@ test.describe.parallel('Nested List', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
|
||||
<li
|
||||
aria-checked="true"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr PlaygroundEditorTheme__listItemChecked"
|
||||
dir="ltr"
|
||||
value="1">
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
value="1"
|
||||
aria-checked="true">
|
||||
<span data-lexical-text="true">a</span>
|
||||
</li>
|
||||
<li
|
||||
aria-checked="false"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr"
|
||||
value="2">
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
value="2"
|
||||
aria-checked="false">
|
||||
<span data-lexical-text="true">b</span>
|
||||
</li>
|
||||
<li
|
||||
@ -1210,12 +1210,12 @@ test.describe.parallel('Nested List', () => {
|
||||
<ul
|
||||
class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
|
||||
<li
|
||||
aria-checked="false"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr"
|
||||
value="1">
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
value="1"
|
||||
aria-checked="false">
|
||||
<span data-lexical-text="true">c</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1247,12 +1247,12 @@ test.describe.parallel('Nested List', () => {
|
||||
<ul
|
||||
class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
|
||||
<li
|
||||
aria-checked="false"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr"
|
||||
value="1">
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
value="1"
|
||||
aria-checked="false">
|
||||
<span data-lexical-text="true">c</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1266,21 +1266,21 @@ test.describe.parallel('Nested List', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
|
||||
<li
|
||||
aria-checked="false"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr"
|
||||
value="1">
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
value="1"
|
||||
aria-checked="false">
|
||||
<span data-lexical-text="true">a</span>
|
||||
</li>
|
||||
<li
|
||||
aria-checked="false"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr"
|
||||
value="2">
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
value="2"
|
||||
aria-checked="false">
|
||||
<span data-lexical-text="true">b</span>
|
||||
</li>
|
||||
<li
|
||||
@ -1289,12 +1289,12 @@ test.describe.parallel('Nested List', () => {
|
||||
<ul
|
||||
class="PlaygroundEditorTheme__ul PlaygroundEditorTheme__checklist">
|
||||
<li
|
||||
aria-checked="false"
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__listItemUnchecked PlaygroundEditorTheme__ltr"
|
||||
dir="ltr"
|
||||
value="1">
|
||||
role="checkbox"
|
||||
tabindex="-1"
|
||||
value="1"
|
||||
aria-checked="false">
|
||||
<span data-lexical-text="true">c</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@ -909,11 +909,11 @@ test.describe.parallel('Markdown', () => {
|
||||
html`
|
||||
<code
|
||||
class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr"
|
||||
spellcheck="false"
|
||||
dir="ltr"
|
||||
data-language="markdown"
|
||||
spellcheck="false"
|
||||
data-gutter="12"
|
||||
data-highlight-language="markdown"
|
||||
data-gutter="12">
|
||||
data-language="markdown">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<br />
|
||||
<span
|
||||
@ -951,9 +951,9 @@ test.describe.parallel('Markdown', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 800px; width: inherit" />
|
||||
</div>
|
||||
</span>
|
||||
@ -999,9 +999,9 @@ test.describe.parallel('Markdown', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 800px; width: inherit" />
|
||||
</div>
|
||||
</span>
|
||||
@ -1010,7 +1010,7 @@ test.describe.parallel('Markdown', () => {
|
||||
class="editor-equation"
|
||||
contenteditable="false"
|
||||
data-lexical-decorator="true">
|
||||
<img src="#" alt="" />
|
||||
<img alt="" src="#" />
|
||||
<span role="button" tabindex="-1">
|
||||
<span class="katex">
|
||||
<span class="katex-html" aria-hidden="true">
|
||||
@ -1021,7 +1021,7 @@ test.describe.parallel('Markdown', () => {
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
<img src="#" alt="" />
|
||||
<img alt="" src="#" />
|
||||
</span>
|
||||
<br />
|
||||
</p>
|
||||
@ -1042,9 +1042,9 @@ test.describe.parallel('Markdown', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a
|
||||
href="https://lexical.dev"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://lexical.dev">
|
||||
<span data-lexical-text="true">link</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">world</span>
|
||||
@ -1137,9 +1137,9 @@ const TYPED_MARKDOWN_HTML = html`
|
||||
works
|
||||
</strong>
|
||||
<a
|
||||
href="https://lexical.io"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://lexical.io">
|
||||
<strong
|
||||
class="PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic PlaygroundEditorTheme__textStrikethrough"
|
||||
data-lexical-text="true">
|
||||
@ -1184,19 +1184,19 @@ const TYPED_MARKDOWN_HTML = html`
|
||||
data-lexical-decorator="true" />
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">List here</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem">
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
|
||||
value="2">
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">Nested one</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1204,11 +1204,11 @@ const TYPED_MARKDOWN_HTML = html`
|
||||
</ul>
|
||||
<code
|
||||
class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr"
|
||||
spellcheck="false"
|
||||
dir="ltr"
|
||||
data-language="sql"
|
||||
spellcheck="false"
|
||||
data-gutter="1"
|
||||
data-highlight-language="sql"
|
||||
data-gutter="1">
|
||||
data-language="sql">
|
||||
<span data-lexical-text="true">Code block</span>
|
||||
</code>
|
||||
<p
|
||||
@ -1327,9 +1327,9 @@ const IMPORTED_MARKDOWN_HTML = html`
|
||||
works
|
||||
</strong>
|
||||
<a
|
||||
href="https://lexical.io"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://lexical.io">
|
||||
<strong
|
||||
class="PlaygroundEditorTheme__textBold PlaygroundEditorTheme__textItalic PlaygroundEditorTheme__textStrikethrough"
|
||||
data-lexical-text="true">
|
||||
@ -1343,16 +1343,16 @@ const IMPORTED_MARKDOWN_HTML = html`
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">Links</span>
|
||||
<a
|
||||
href="https://lexical.io/tag_here_and__here__and___here___too"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://lexical.io/tag_here_and__here__and___here___too">
|
||||
<span data-lexical-text="true">with underscores</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">and (</span>
|
||||
<a
|
||||
href="https://lexical.dev"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://lexical.dev">
|
||||
<span data-lexical-text="true">parenthesis</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">)</span>
|
||||
@ -1422,9 +1422,9 @@ const IMPORTED_MARKDOWN_HTML = html`
|
||||
</h3>
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">Create a list with</span>
|
||||
<code spellcheck="false" data-lexical-text="true">
|
||||
<span class="PlaygroundEditorTheme__textCode">+</span>
|
||||
@ -1439,25 +1439,25 @@ const IMPORTED_MARKDOWN_HTML = html`
|
||||
</code>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem">
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
|
||||
value="2">
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">
|
||||
Lists can be indented with 2 spaces
|
||||
</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem">
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
|
||||
value="2">
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">Very easy</span>
|
||||
</li>
|
||||
</ul>
|
||||
@ -1470,9 +1470,9 @@ const IMPORTED_MARKDOWN_HTML = html`
|
||||
</h3>
|
||||
<ol class="PlaygroundEditorTheme__ol1">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">
|
||||
Oredered lists started with numbers as
|
||||
</span>
|
||||
@ -1481,13 +1481,13 @@ const IMPORTED_MARKDOWN_HTML = html`
|
||||
</code>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem">
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"
|
||||
value="2">
|
||||
<ol class="PlaygroundEditorTheme__ol2">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">And can be nested</span>
|
||||
<br />
|
||||
<span data-lexical-text="true">and multiline as well</span>
|
||||
@ -1498,11 +1498,11 @@ const IMPORTED_MARKDOWN_HTML = html`
|
||||
<p class="PlaygroundEditorTheme__paragraph">
|
||||
<span data-lexical-text="true">.</span>
|
||||
</p>
|
||||
<ol start="31" class="PlaygroundEditorTheme__ol1">
|
||||
<ol class="PlaygroundEditorTheme__ol1" start="31">
|
||||
<li
|
||||
value="31"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="31">
|
||||
<span data-lexical-text="true">Have any starting number</span>
|
||||
</li>
|
||||
</ol>
|
||||
@ -1529,11 +1529,11 @@ const IMPORTED_MARKDOWN_HTML = html`
|
||||
</h3>
|
||||
<code
|
||||
class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr"
|
||||
spellcheck="false"
|
||||
dir="ltr"
|
||||
data-language="javascript"
|
||||
spellcheck="false"
|
||||
data-gutter="123"
|
||||
data-highlight-language="javascript"
|
||||
data-gutter="123">
|
||||
data-language="javascript">
|
||||
<span class="PlaygroundEditorTheme__tokenComment" data-lexical-text="true">
|
||||
// Some comments
|
||||
</span>
|
||||
|
||||
@ -151,11 +151,11 @@ test.describe.parallel('Selection', () => {
|
||||
</p>
|
||||
<code
|
||||
class="PlaygroundEditorTheme__code PlaygroundEditorTheme__ltr"
|
||||
spellcheck="false"
|
||||
dir="ltr"
|
||||
data-language="javascript"
|
||||
spellcheck="false"
|
||||
data-gutter="1"
|
||||
data-highlight-language="javascript"
|
||||
data-gutter="1">
|
||||
data-language="javascript">
|
||||
<span data-lexical-text="true">Line2</span>
|
||||
</code>
|
||||
`,
|
||||
|
||||
@ -98,8 +98,8 @@ test.describe('Tab', () => {
|
||||
dir="ltr"
|
||||
spellcheck="false"
|
||||
data-gutter="1"
|
||||
data-language="javascript"
|
||||
data-highlight-language="javascript">
|
||||
data-highlight-language="javascript"
|
||||
data-language="javascript">
|
||||
<span data-lexical-text="true"></span>
|
||||
<span
|
||||
class="PlaygroundEditorTheme__tokenAttr"
|
||||
|
||||
@ -1141,8 +1141,8 @@ test.describe.parallel('TextFormatting', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="false">
|
||||
<img
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
class="focused"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 500px; width: inherit" />
|
||||
|
||||
@ -84,10 +84,10 @@ test.describe('Toolbar', () => {
|
||||
</div>
|
||||
<div>
|
||||
<div
|
||||
aria-placeholder="Enter a caption..."
|
||||
contenteditable="true"
|
||||
role="textbox"
|
||||
spellcheck="true"
|
||||
aria-placeholder="Enter a caption..."
|
||||
data-lexical-editor="true">
|
||||
<p dir="ltr">
|
||||
<span data-lexical-text="true">
|
||||
@ -271,8 +271,8 @@ test.describe('Toolbar', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="true">
|
||||
<img
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
class="focused draggable"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 500px; width: inherit" />
|
||||
@ -307,8 +307,8 @@ test.describe('Toolbar', () => {
|
||||
data-lexical-decorator="true">
|
||||
<div draggable="true">
|
||||
<img
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
class="focused draggable"
|
||||
alt="Yellow flower in tilt shift lens"
|
||||
draggable="false"
|
||||
src="${SAMPLE_IMAGE_URL}"
|
||||
style="height: inherit; max-width: 500px; width: inherit" />
|
||||
|
||||
@ -44,10 +44,10 @@ test.describe('Regression test #1083', () => {
|
||||
class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">World</span>
|
||||
@ -91,10 +91,10 @@ test.describe('Regression test #1083', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">Say</span>
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
</a>
|
||||
<span data-lexical-text="true">World</span>
|
||||
|
||||
@ -34,9 +34,9 @@ test.describe('Regression test #1113', () => {
|
||||
class="PlaygroundEditorTheme__paragraph PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
<a
|
||||
href="https://www.example.com"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://www.example.com">
|
||||
<span data-lexical-text="true">https://www.example.com</span>
|
||||
</a>
|
||||
<br />
|
||||
|
||||
@ -31,15 +31,15 @@ test.describe('Regression test #3433', () => {
|
||||
html`
|
||||
<ul class="PlaygroundEditorTheme__ul">
|
||||
<li
|
||||
value="1"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="1">
|
||||
<span data-lexical-text="true">two</span>
|
||||
</li>
|
||||
<li
|
||||
value="2"
|
||||
class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
value="2">
|
||||
<span data-lexical-text="true">one</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@ -71,10 +71,10 @@ test.describe('Regression test #5251', () => {
|
||||
dir="ltr">
|
||||
<span data-lexical-text="true">Hello</span>
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">World</span>
|
||||
</a>
|
||||
</p>
|
||||
@ -101,10 +101,10 @@ test.describe('Regression test #5251', () => {
|
||||
bold
|
||||
</strong>
|
||||
<a
|
||||
href="https://"
|
||||
rel="noreferrer"
|
||||
class="PlaygroundEditorTheme__link PlaygroundEditorTheme__ltr"
|
||||
dir="ltr">
|
||||
dir="ltr"
|
||||
href="https://"
|
||||
rel="noreferrer">
|
||||
<span data-lexical-text="true">ld</span>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
@ -4,10 +4,10 @@
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="description" content="Lexical Basic - Vanilla JS with ESM" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link rel="stylesheet" href="./styles.css" />
|
||||
<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180" />
|
||||
<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png" />
|
||||
<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png" />
|
||||
<link href="./styles.css" rel="stylesheet" />
|
||||
<title>Lexical Basic - Vanilla JS with ESM</title>
|
||||
</head>
|
||||
<body>
|
||||
@ -32,6 +32,6 @@
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script type="module" src="./index.mjs"></script>
|
||||
<script src="./index.mjs" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -5,15 +5,15 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="theme-color" content="#000000" />
|
||||
<meta name="description" content="Lexical Playground" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||||
<link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180" />
|
||||
<link href="/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png" />
|
||||
<link href="/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png" />
|
||||
<title>Lexical Playground</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
<div id="root"></div>
|
||||
<div id="portal"></div>
|
||||
<script type="module" src="/src/index.tsx"></script>
|
||||
<script src="/src/index.tsx" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -39,7 +39,8 @@ import {
|
||||
SerializedTextNode,
|
||||
TextNode,
|
||||
} from 'lexical';
|
||||
import {format} from 'prettier';
|
||||
import path from 'path';
|
||||
import * as prettier from 'prettier';
|
||||
import * as React from 'react';
|
||||
import {createRef} from 'react';
|
||||
import {createRoot} from 'react-dom/client';
|
||||
@ -48,6 +49,10 @@ import * as ReactTestUtils from 'shared/react-test-utils';
|
||||
import {CreateEditorArgs, LexicalNodeReplacement} from '../../LexicalEditor';
|
||||
import {resetRandomKey} from '../../LexicalUtils';
|
||||
|
||||
const prettierConfig = prettier.resolveConfig.sync(
|
||||
path.resolve(__dirname, '../../../../.prettierrc'),
|
||||
);
|
||||
|
||||
type TestEnv = {
|
||||
readonly container: HTMLDivElement;
|
||||
readonly editor: LexicalEditor;
|
||||
@ -779,5 +784,8 @@ export function expectHtmlToBeEqual(expected: string, actual: string): void {
|
||||
}
|
||||
|
||||
export function prettifyHtml(s: string): string {
|
||||
return format(s.replace(/\n/g, ''), {parser: 'html'});
|
||||
return prettier.format(s.replace(/\n/g, ''), {
|
||||
...prettierConfig,
|
||||
parser: 'html',
|
||||
});
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user