Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

  • This WPT test may be referenced by the following Test IDs:
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=normal&right-white-space=nowrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=normal&right-white-space=pre - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=normal&right-white-space=pre-line - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=normal&right-white-space=pre-wrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=nowrap&right-white-space=normal - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=nowrap&right-white-space=pre - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=nowrap&right-white-space=pre-line - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=nowrap&right-white-space=pre-wrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=pre&right-white-space=normal - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=pre&right-white-space=nowrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=pre&right-white-space=pre-line - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=pre&right-white-space=pre-wrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=pre-line&right-white-space=normal - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=pre-line&right-white-space=nowrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=pre-line&right-white-space=pre - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=pre-line&right-white-space=pre-wrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=pre-wrap&right-white-space=normal - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=pre-wrap&right-white-space=nowrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=pre-wrap&right-white-space=pre - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=backspace&left-white-space=pre-wrap&right-white-space=pre-line - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=normal&right-white-space=nowrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=normal&right-white-space=pre - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=normal&right-white-space=pre-line - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=normal&right-white-space=pre-wrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=nowrap&right-white-space=normal - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=nowrap&right-white-space=pre - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=nowrap&right-white-space=pre-line - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=nowrap&right-white-space=pre-wrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=pre&right-white-space=normal - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=pre&right-white-space=nowrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=pre&right-white-space=pre-line - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=pre&right-white-space=pre-wrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=pre-line&right-white-space=normal - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=pre-line&right-white-space=nowrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=pre-line&right-white-space=pre - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=pre-line&right-white-space=pre-wrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=pre-wrap&right-white-space=normal - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=pre-wrap&right-white-space=nowrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=pre-wrap&right-white-space=pre - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=forwarddelete&left-white-space=pre-wrap&right-white-space=pre-line - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=normal&right-white-space=nowrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=normal&right-white-space=pre - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=normal&right-white-space=pre-line - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=normal&right-white-space=pre-wrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=nowrap&right-white-space=normal - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=nowrap&right-white-space=pre - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=nowrap&right-white-space=pre-line - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=nowrap&right-white-space=pre-wrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=pre&right-white-space=normal - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=pre&right-white-space=nowrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=pre&right-white-space=pre-line - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=pre&right-white-space=pre-wrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=pre-line&right-white-space=normal - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=pre-line&right-white-space=nowrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=pre-line&right-white-space=pre - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=pre-line&right-white-space=pre-wrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=pre-wrap&right-white-space=normal - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=pre-wrap&right-white-space=nowrap - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=pre-wrap&right-white-space=pre - WPT Dashboard Interop Dashboard
    • /editing/other/join-different-white-space-style-left-paragraph-and-right-line.html?method=select-boundary&left-white-space=pre-wrap&right-white-space=pre-line - WPT Dashboard Interop Dashboard
<!doctype html>
<head>
<meta charset="utf-8">
<meta name="timeout" content="long">
<meta name="variant" content="?method=backspace&left-white-space=normal&right-white-space=pre">
<meta name="variant" content="?method=backspace&left-white-space=normal&right-white-space=pre-wrap">
<meta name="variant" content="?method=backspace&left-white-space=normal&right-white-space=pre-line">
<meta name="variant" content="?method=backspace&left-white-space=normal&right-white-space=nowrap">
<meta name="variant" content="?method=backspace&left-white-space=pre&right-white-space=normal">
<meta name="variant" content="?method=backspace&left-white-space=pre&right-white-space=pre-wrap">
<meta name="variant" content="?method=backspace&left-white-space=pre&right-white-space=pre-line">
<meta name="variant" content="?method=backspace&left-white-space=pre&right-white-space=nowrap">
<meta name="variant" content="?method=backspace&left-white-space=pre-wrap&right-white-space=normal">
<meta name="variant" content="?method=backspace&left-white-space=pre-wrap&right-white-space=pre">
<meta name="variant" content="?method=backspace&left-white-space=pre-wrap&right-white-space=pre-line">
<meta name="variant" content="?method=backspace&left-white-space=pre-wrap&right-white-space=nowrap">
<meta name="variant" content="?method=backspace&left-white-space=pre-line&right-white-space=normal">
<meta name="variant" content="?method=backspace&left-white-space=pre-line&right-white-space=pre">
<meta name="variant" content="?method=backspace&left-white-space=pre-line&right-white-space=pre-wrap">
<meta name="variant" content="?method=backspace&left-white-space=pre-line&right-white-space=nowrap">
<meta name="variant" content="?method=backspace&left-white-space=nowrap&right-white-space=normal">
<meta name="variant" content="?method=backspace&left-white-space=nowrap&right-white-space=pre">
<meta name="variant" content="?method=backspace&left-white-space=nowrap&right-white-space=pre-wrap">
<meta name="variant" content="?method=backspace&left-white-space=nowrap&right-white-space=pre-line">
<meta name="variant" content="?method=forwarddelete&left-white-space=normal&right-white-space=pre">
<meta name="variant" content="?method=forwarddelete&left-white-space=normal&right-white-space=pre-wrap">
<meta name="variant" content="?method=forwarddelete&left-white-space=normal&right-white-space=pre-line">
<meta name="variant" content="?method=forwarddelete&left-white-space=normal&right-white-space=nowrap">
<meta name="variant" content="?method=forwarddelete&left-white-space=pre&right-white-space=normal">
<meta name="variant" content="?method=forwarddelete&left-white-space=pre&right-white-space=pre-wrap">
<meta name="variant" content="?method=forwarddelete&left-white-space=pre&right-white-space=pre-line">
<meta name="variant" content="?method=forwarddelete&left-white-space=pre&right-white-space=nowrap">
<meta name="variant" content="?method=forwarddelete&left-white-space=pre-wrap&right-white-space=normal">
<meta name="variant" content="?method=forwarddelete&left-white-space=pre-wrap&right-white-space=pre">
<meta name="variant" content="?method=forwarddelete&left-white-space=pre-wrap&right-white-space=pre-line">
<meta name="variant" content="?method=forwarddelete&left-white-space=pre-wrap&right-white-space=nowrap">
<meta name="variant" content="?method=forwarddelete&left-white-space=pre-line&right-white-space=normal">
<meta name="variant" content="?method=forwarddelete&left-white-space=pre-line&right-white-space=pre">
<meta name="variant" content="?method=forwarddelete&left-white-space=pre-line&right-white-space=pre-wrap">
<meta name="variant" content="?method=forwarddelete&left-white-space=pre-line&right-white-space=nowrap">
<meta name="variant" content="?method=forwarddelete&left-white-space=nowrap&right-white-space=normal">
<meta name="variant" content="?method=forwarddelete&left-white-space=nowrap&right-white-space=pre">
<meta name="variant" content="?method=forwarddelete&left-white-space=nowrap&right-white-space=pre-wrap">
<meta name="variant" content="?method=forwarddelete&left-white-space=nowrap&right-white-space=pre-line">
<meta name="variant" content="?method=select-boundary&left-white-space=normal&right-white-space=pre">
<meta name="variant" content="?method=select-boundary&left-white-space=normal&right-white-space=pre-wrap">
<meta name="variant" content="?method=select-boundary&left-white-space=normal&right-white-space=pre-line">
<meta name="variant" content="?method=select-boundary&left-white-space=normal&right-white-space=nowrap">
<meta name="variant" content="?method=select-boundary&left-white-space=pre&right-white-space=normal">
<meta name="variant" content="?method=select-boundary&left-white-space=pre&right-white-space=pre-wrap">
<meta name="variant" content="?method=select-boundary&left-white-space=pre&right-white-space=pre-line">
<meta name="variant" content="?method=select-boundary&left-white-space=pre&right-white-space=nowrap">
<meta name="variant" content="?method=select-boundary&left-white-space=pre-wrap&right-white-space=normal">
<meta name="variant" content="?method=select-boundary&left-white-space=pre-wrap&right-white-space=pre">
<meta name="variant" content="?method=select-boundary&left-white-space=pre-wrap&right-white-space=pre-line">
<meta name="variant" content="?method=select-boundary&left-white-space=pre-wrap&right-white-space=nowrap">
<meta name="variant" content="?method=select-boundary&left-white-space=pre-line&right-white-space=normal">
<meta name="variant" content="?method=select-boundary&left-white-space=pre-line&right-white-space=pre">
<meta name="variant" content="?method=select-boundary&left-white-space=pre-line&right-white-space=pre-wrap">
<meta name="variant" content="?method=select-boundary&left-white-space=pre-line&right-white-space=nowrap">
<meta name="variant" content="?method=select-boundary&left-white-space=nowrap&right-white-space=normal">
<meta name="variant" content="?method=select-boundary&left-white-space=nowrap&right-white-space=pre">
<meta name="variant" content="?method=select-boundary&left-white-space=nowrap&right-white-space=pre-wrap">
<meta name="variant" content="?method=select-boundary&left-white-space=nowrap&right-white-space=pre-line">
<title>Tests for joining left paragraph and its following line</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/testdriver.js"></script>
<script src="/resources/testdriver-vendor.js"></script>
<script src="/resources/testdriver-actions.js"></script>
<script src="../include/editor-test-utils.js"></script>
<style>
.pre {
white-space: pre;
}
.preWrap {
white-space: pre-wrap;
}
.preLine {
white-space: pre-line;
}
.nowrap {
white-space: nowrap;
}
</style>
</head>
<body>
<div contenteditable></div>
<script>
"use strict";
const searchParams = new URLSearchParams(document.location.search);
const testingBackspace = searchParams.get("method") == "backspace";
const testingSelectBoundary = searchParams.get("method") == "select-boundary";
const commandName =
testingBackspace || testingSelectBoundary ? "delete" : "forwarddelete";
const editingHost = document.querySelector("div[contenteditable]");
const caretInLeft = (() => {
if (testingSelectBoundary) {
return "[";
}
return testingBackspace ? "" : "[]";
})();
const caretInRight = (() => {
if (testingSelectBoundary) {
return "]";
}
return testingBackspace ? "[]" : "";
})();
const leftWhiteSpace = `white-space:${searchParams.get("left-white-space")}`;
const rightWhiteSpace = `white-space:${searchParams.get("right-white-space")}`;
const leftWhiteSpacePreserveLineBreaks =
searchParams.get("left-white-space") == "pre" ||
searchParams.get("left-white-space") == "pre-wrap" ||
searchParams.get("left-white-space") == "pre-line";
const rightWhiteSpacePreserveLineBreaks =
searchParams.get("right-white-space") == "pre" ||
searchParams.get("right-white-space") == "pre-wrap" ||
searchParams.get("right-white-space") == "pre-line";
const leftWhiteSpaceIsNormal =
searchParams.get("left-white-space") == "normal";
const rightWhiteSpaceIsNormal =
searchParams.get("right-white-space") == "normal";
const leftWhiteSpaceClass = (() => {
switch (searchParams.get("left-white-space")) {
case "pre":
return "pre";
case "pre-wrap":
return "preWrap";
case "pre-line":
return "preLine";
case "nowrap":
return "nowrap";
default:
return null;
}
})();
const rightWhiteSpaceClass = (() => {
switch (searchParams.get("right-white-space")) {
case "pre":
return "pre";
case "pre-wrap":
return "preWrap";
case "pre-line":
return "preLine";
case "nowrap":
return "nowrap";
default:
return null;
}
})();
const utils = new EditorTestUtils(editingHost);
const tests = [
// The cases that the following line is a child of parent block whose
// white-space is normal.
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`${caretInRight}def`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}>def</span></div>`,
];
},
skip: !rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`${caretInRight}def<br>ghi`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}>def</span></div>` +
"ghi",
];
},
skip: !rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`${caretInRight}def<div>ghi</div>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}>def</span></div>` +
"<div>ghi</div>",
];
},
skip: !rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<b>${caretInRight}def</b>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<b ${aAttrsInLeftBlock}>def</b></div>`,
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}><b>def</b></span></div>`,
];
},
skip: !rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<b>${caretInRight}def<br>ghi</b>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<b ${aAttrsInLeftBlock}>def</b></div>` +
"<b>ghi</b>",
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}><b>def</b></span></div>` +
"<b>ghi</b>",
];
},
skip: !rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<b>${caretInRight}def</b><br>ghi`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<b ${aAttrsInLeftBlock}>def</b></div>` +
"ghi",
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}><b>def</b></span></div>` +
"ghi",
];
},
skip: !rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<b>${caretInRight}def<br></b>ghi`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<b ${aAttrsInLeftBlock}>def</b></div>` +
"ghi",
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}><b>def</b></span></div>` +
"ghi",
];
},
skip: !rightWhiteSpaceIsNormal,
},
// The cases that the following line is a child of block element and has
// different white-space with <span>.
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<span style="${rightWhiteSpace}">${caretInRight}def</span>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}>def</span></div>`,
];
},
skip: rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<span style="${rightWhiteSpace}">${caretInRight}def\nghi</span>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}>def</span></div>` +
`<span style="${rightWhiteSpace}">ghi</span>`,
];
},
skip: !rightWhiteSpacePreserveLineBreaks || rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<span style="${rightWhiteSpace}">${caretInRight}def<br>ghi</span>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}>def</span></div>` +
`<span style="${rightWhiteSpace}">ghi</span>`,
];
},
skip: rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<span style="${rightWhiteSpace}"><b>${caretInRight}def\nghi</b></span>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<b ${aAttrsInLeftBlock}>def</b></div>` +
`<span style="${rightWhiteSpace}"><b>ghi</b></span>`,
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}><b>def</b></span></div>` +
`<span style="${rightWhiteSpace}"><b>ghi</b></span>`,
];
},
skip: !rightWhiteSpacePreserveLineBreaks || rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<span style="${rightWhiteSpace}"><b>${caretInRight}def<br>ghi</b></span>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<b ${aAttrsInLeftBlock}>def</b></div>` +
`<span style="${rightWhiteSpace}"><b>ghi</b></span>`,
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}><b>def</b></span></div>` +
`<span style="${rightWhiteSpace}"><b>ghi</b></span>`,
];
},
skip: rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<span style="${rightWhiteSpace}"><b>${caretInRight}def</b>\nghi</span>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<b ${aAttrsInLeftBlock}>def</b></div>` +
`<span style="${rightWhiteSpace}">ghi</span>`,
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}><b>def</b></span></div>` +
`<span style="${rightWhiteSpace}">ghi</span>`,
];
},
skip: !rightWhiteSpacePreserveLineBreaks || rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<span style="${rightWhiteSpace}"><b>${caretInRight}def</b><br>ghi</span>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<b ${aAttrsInLeftBlock}>def</b></div>` +
`<span style="${rightWhiteSpace}">ghi</span>`,
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}><b>def</b></span></div>` +
`<span style="${rightWhiteSpace}">ghi</span>`,
];
},
skip: rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<span style="${rightWhiteSpace}"><b>${caretInRight}def\n</b>ghi</span>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<b ${aAttrsInLeftBlock}>def</b></div>` +
`<span style="${rightWhiteSpace}">ghi</span>`,
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}><b>def</b></span></div>` +
`<span style="${rightWhiteSpace}">ghi</span>`,
];
},
skip: !rightWhiteSpacePreserveLineBreaks || rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<span style="${rightWhiteSpace}"><b>${caretInRight}def<br></b>ghi</span>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<b ${aAttrsInLeftBlock}>def</b></div>` +
`<span style="${rightWhiteSpace}">ghi</span>`,
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}><b>def</b></span></div>` +
`<span style="${rightWhiteSpace}">ghi</span>`,
];
},
skip: rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<span style="${rightWhiteSpace}"><b>${caretInRight}def\nghi</b>jkl</span>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<b ${aAttrsInLeftBlock}>def</b></div>` +
`<span style="${rightWhiteSpace}"><b>ghi</b>jkl</span>`,
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}><b>def</b></span></div>` +
`<span style="${rightWhiteSpace}"><b>ghi</b>jkl</span>`,
];
},
skip: !rightWhiteSpacePreserveLineBreaks || rightWhiteSpaceIsNormal,
},
{
initialHTML:
`<div style="${leftWhiteSpace}">abc${caretInLeft}</div>` +
`<span style="${rightWhiteSpace}"><b>${caretInRight}def<br>ghi</b>jkl</span>`,
expectedHTML: aAttrsInLeftBlock => {
return [
`<div style="${leftWhiteSpace}">abc<b ${aAttrsInLeftBlock}>def</b></div>` +
`<span style="${rightWhiteSpace}"><b>ghi</b>jkl</span>`,
`<div style="${leftWhiteSpace}">abc<span ${aAttrsInLeftBlock}><b>def</b></span></div>` +
`<span style="${rightWhiteSpace}"><b>ghi</b>jkl</span>`,
];
},
skip: rightWhiteSpaceIsNormal,
},
];
const rightStyleAttr = new RegExp(`style="${rightWhiteSpace}"`, "g");
const leftStyleAttr = new RegExp(`style="${leftWhiteSpace}"`, "g");
const rightStyledSpan = new RegExp(`</div><span style="${rightWhiteSpace}">`, "g");
for (const t of tests) {
if (t.skip) {
continue;
}
promise_test(async () => {
utils.setupEditingHost(t.initialHTML);
await (testingBackspace ? utils.sendBackspaceKey() : utils.sendDeleteKey());
utils.normalizeStyleAttributeValues();
assert_in_array(
editingHost.innerHTML,
t.expectedHTML(`style="${rightWhiteSpace}"`),
"white-space should be preserved by <span> elements"
);
}, `${commandName} at ${t.initialHTML.replace(/\n/g, "\\n")}`);
if (rightWhiteSpaceClass !== null) {
// Replace style attribute with class attribute.
const initialHTMLWithClass =
t.initialHTML.replace(
rightStyleAttr,
`class="${rightWhiteSpaceClass}"`
);
if (initialHTMLWithClass != t.initialHTML) {
promise_test(async () => {
utils.setupEditingHost(initialHTMLWithClass);
await (testingBackspace ? utils.sendBackspaceKey() : utils.sendDeleteKey());
utils.normalizeStyleAttributeValues();
const expectedHTMLs = [];
for (const styleAndOrClassAttr of [
`style="${rightWhiteSpace}"`,
`class="${rightWhiteSpaceClass}" style="${rightWhiteSpace}"`,
`style="${rightWhiteSpace}" class="${rightWhiteSpaceClass}"`,
]) {
for (const origExpectedHTML of t.expectedHTML(styleAndOrClassAttr)) {
expectedHTMLs.push(
origExpectedHTML.replace(
rightStyledSpan,
`</div><span class="${rightWhiteSpaceClass}">`
)
);
}
}
assert_in_array(
editingHost.innerHTML,
expectedHTMLs,
"white-space should be preserved by <span> elements with class or style attribute"
);
}, `${commandName} at ${initialHTMLWithClass.replace(/\n/g, "\\n")}`);
}
}
if (leftWhiteSpaceClass !== null) {
// Replace style attribute with class attribute.
const initialHTMLWithClass =
t.initialHTML.replace(
leftStyleAttr,
`class="${leftWhiteSpaceClass}"`
);
if (initialHTMLWithClass != t.initialHTML) {
promise_test(async () => {
utils.setupEditingHost(initialHTMLWithClass);
await (testingBackspace ? utils.sendBackspaceKey() : utils.sendDeleteKey());
utils.normalizeStyleAttributeValues();
const expectedHTMLs = [];
for (const styleAndOrClassAttr of [
`style="${rightWhiteSpace}"`,
`class="${rightWhiteSpaceClass}" style="${rightWhiteSpace}"`,
`style="${rightWhiteSpace}" class="${rightWhiteSpaceClass}"`,
]) {
for (const origExpectedHTML of t.expectedHTML(styleAndOrClassAttr)) {
expectedHTMLs.push(
origExpectedHTML.replace(
leftStyleAttr,
`class="${leftWhiteSpaceClass}"`
)
);
}
}
assert_in_array(
editingHost.innerHTML,
expectedHTMLs,
"white-space should be preserved by <span> elements with class or style attribute"
);
}, `${commandName} at ${initialHTMLWithClass.replace(/\n/g, "\\n")}`);
}
}
}
</script>
</body>
</html>