From 20a217cb8488e4339e0c9610aba99e2654b676c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A9rard=20Talbot?= <github@gtalbot.org>
Date: Fri, 17 Apr 2020 03:03:18 -0400
Subject: [PATCH] Added 6 break-spaces and new line tests (#22553)

---
 .../white-space/break-spaces-newline-011.html | 53 +++++++++++++++++++
 .../white-space/break-spaces-newline-012.html | 53 +++++++++++++++++++
 .../white-space/break-spaces-newline-013.html | 53 +++++++++++++++++++
 .../white-space/break-spaces-newline-014.html | 53 +++++++++++++++++++
 .../white-space/break-spaces-newline-015.html | 53 +++++++++++++++++++
 .../white-space/break-spaces-newline-016.html | 50 +++++++++++++++++
 6 files changed, 315 insertions(+)
 create mode 100644 css/css-text/white-space/break-spaces-newline-011.html
 create mode 100644 css/css-text/white-space/break-spaces-newline-012.html
 create mode 100644 css/css-text/white-space/break-spaces-newline-013.html
 create mode 100644 css/css-text/white-space/break-spaces-newline-014.html
 create mode 100644 css/css-text/white-space/break-spaces-newline-015.html
 create mode 100644 css/css-text/white-space/break-spaces-newline-016.html
diff --git a/css/css-text/white-space/break-spaces-newline-011.html b/css/css-text/white-space/break-spaces-newline-011.html
new file mode 100644
index 00000000000000..068119c29290fd
--- /dev/null
+++ b/css/css-text/white-space/break-spaces-newline-011.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Text: 'white-space: break-spaces' with 4 white spaces and 4 line feeda</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-text-3/#white-space-property">
+  <link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
+
+  <meta content="" name="flags">
+  <meta content="This test checks that when 'white-space' is set to 'break-spaces', then line feeds (&amp;NewLine; in the code) are preserved, just like with 'white-space: pre' or with 'white-space: pre-wrap'.">
+
+  <style>
+  div
+    {
+      font-family: Ahem;
+      font-size: 25px;
+      line-height: 1;
+      width: 4em;
+    }
+
+  div#overlapped-red-reference
+    {
+      background-color: red;
+      height: 4em;
+    }
+
+  div#overlapping-green-test
+    {
+      background-color: green;
+      bottom: 4em;
+      color: red;
+      position: relative;
+      white-space: break-spaces;
+    }
+  </style>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.
+
+  <div id="overlapped-red-reference"></div>
+
+  <div id="overlapping-green-test">&NewLine;&NewLine;    &NewLine;&NewLine;</div>
+  <!--                                               ^  ^
+                         4 consecutive white spaces: 1234
+  -->
+
+<!--
+
+  &NewLine; == Line feed == &#x000A; == &#0010;
+
+-->
diff --git a/css/css-text/white-space/break-spaces-newline-012.html b/css/css-text/white-space/break-spaces-newline-012.html
new file mode 100644
index 00000000000000..766bcc1feeed58
--- /dev/null
+++ b/css/css-text/white-space/break-spaces-newline-012.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Text: 'white-space: break-spaces', 10 white spaces and 1 line feed</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-text-3/#white-space-property">
+  <link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
+
+  <meta content="" name="flags">
+  <meta content="This test checks that when 'white-space' is set to 'break-spaces', then line feeds (&amp;NewLine; in the code) are preserved, just like with 'white-space: pre' or with 'white-space: pre-wrap'.">
+
+  <style>
+  div
+    {
+      font-family: Ahem;
+      font-size: 25px;
+      line-height: 1;
+      width: 4em;
+    }
+
+  div#overlapped-red-reference
+    {
+      background-color: red;
+      height: 4em;
+    }
+
+  div#overlapping-green-test
+    {
+      background-color: green;
+      bottom: 4em;
+      color: red;
+      position: relative;
+      white-space: break-spaces;
+    }
+  </style>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.
+
+  <div id="overlapped-red-reference"></div>
+
+  <div id="overlapping-green-test"> &NewLine;         </div>
+  <!--                             ^         ^       ^
+                  10 white spaces: 1         234567890
+  -->
+
+<!--
+
+  &NewLine; == Line feed == &#x000A; == &#0010;
+
+-->
diff --git a/css/css-text/white-space/break-spaces-newline-013.html b/css/css-text/white-space/break-spaces-newline-013.html
new file mode 100644
index 00000000000000..5b45e5c1ccede4
--- /dev/null
+++ b/css/css-text/white-space/break-spaces-newline-013.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Text: 'white-space: break-spaces', 7 white spaces and 2 line feeds</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-text-3/#white-space-property">
+  <link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
+
+  <meta content="" name="flags">
+  <meta content="This test checks that when 'white-space' is set to 'break-spaces', then line feeds (&amp;NewLine; in the code) are preserved, just like with 'white-space: pre' or with 'white-space: pre-wrap'.">
+
+  <style>
+  div
+    {
+      font-family: Ahem;
+      font-size: 25px;
+      line-height: 1;
+      width: 4em;
+    }
+
+  div#overlapped-red-reference
+    {
+      background-color: red;
+      height: 4em;
+    }
+
+  div#overlapping-green-test
+    {
+      background-color: green;
+      bottom: 4em;
+      color: red;
+      position: relative;
+      white-space: break-spaces;
+    }
+  </style>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.
+
+  <div id="overlapped-red-reference"></div>
+
+  <div id="overlapping-green-test"> &NewLine; &NewLine;     </div>
+  <!--                             ^         ^         ^   ^
+                   7 white spaces: 1         2         34567
+  -->
+
+<!--
+
+  &NewLine; == Line feed == &#x000A; == &#0010;
+
+-->
diff --git a/css/css-text/white-space/break-spaces-newline-014.html b/css/css-text/white-space/break-spaces-newline-014.html
new file mode 100644
index 00000000000000..56281dee347143
--- /dev/null
+++ b/css/css-text/white-space/break-spaces-newline-014.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Text: 'white-space: break-spaces', 4 white spaces and 3 line feeds</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-text-3/#white-space-property">
+  <link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
+
+  <meta content="" name="flags">
+  <meta content="This test checks that when 'white-space' is set to 'break-spaces', then line feeds (&amp;NewLine; in the code) are preserved, just like with 'white-space: pre' or with 'white-space: pre-wrap'.">
+
+  <style>
+  div
+    {
+      font-family: Ahem;
+      font-size: 25px;
+      line-height: 1;
+      width: 4em;
+    }
+
+  div#overlapped-red-reference
+    {
+      background-color: red;
+      height: 4em;
+    }
+
+  div#overlapping-green-test
+    {
+      background-color: green;
+      bottom: 4em;
+      color: red;
+      position: relative;
+      white-space: break-spaces;
+    }
+  </style>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.
+
+  <div id="overlapped-red-reference"></div>
+
+  <div id="overlapping-green-test"> &NewLine; &NewLine; &NewLine; </div>
+  <!--                             ^         ^         ^         ^
+                   4 white spaces: 1         2         3         4
+  -->
+
+<!--
+
+  &NewLine; == Line feed == &#x000A; == &#0010;
+
+-->
diff --git a/css/css-text/white-space/break-spaces-newline-015.html b/css/css-text/white-space/break-spaces-newline-015.html
new file mode 100644
index 00000000000000..96a7d83663887b
--- /dev/null
+++ b/css/css-text/white-space/break-spaces-newline-015.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Text: 'white-space: break-spaces', 3 white spaces and 3 line feeds</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-text-3/#white-space-property">
+  <link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
+
+  <meta content="" name="flags">
+  <meta content="This test checks that when 'white-space' is set to 'break-spaces', then line feeds (&amp;NewLine; in the code) are preserved, just like with 'white-space: pre' or with 'white-space: pre-wrap'.">
+
+  <style>
+  div
+    {
+      font-family: Ahem;
+      font-size: 25px;
+      line-height: 1;
+      width: 4em;
+    }
+
+  div#overlapped-red-reference
+    {
+      background-color: red;
+      height: 4em;
+    }
+
+  div#overlapping-green-test
+    {
+      background-color: green;
+      bottom: 4em;
+      color: red;
+      position: relative;
+      white-space: break-spaces;
+    }
+  </style>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.
+
+  <div id="overlapped-red-reference"></div>
+
+  <div id="overlapping-green-test">&NewLine; &NewLine; &NewLine; </div>
+  <!--                                      ^         ^         ^
+                            3 white spaces: 1         2         3
+  -->
+
+<!--
+
+  &NewLine; == Line feed == &#x000A; == &#0010;
+
+-->
diff --git a/css/css-text/white-space/break-spaces-newline-016.html b/css/css-text/white-space/break-spaces-newline-016.html
new file mode 100644
index 00000000000000..4156e6a7da10e7
--- /dev/null
+++ b/css/css-text/white-space/break-spaces-newline-016.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+
+  <meta charset="UTF-8">
+
+  <title>CSS Text: 'white-space: break-spaces' and 4 consecutive line feeds</title>
+
+  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+  <link rel="help" href="https://www.w3.org/TR/css-text-3/#white-space-property">
+  <link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
+  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
+
+  <meta content="" name="flags">
+  <meta content="This test checks that when 'white-space' is set to 'break-spaces', then line feeds (&amp;NewLine; in the code) are preserved, just like with 'white-space: pre' or with 'white-space: pre-wrap'.">
+
+  <style>
+  div
+    {
+      font-family: Ahem;
+      font-size: 25px;
+      line-height: 1;
+      width: 4em;
+    }
+
+  div#overlapped-red-reference
+    {
+      background-color: red;
+      height: 4em;
+    }
+
+  div#overlapping-green-test
+    {
+      background-color: green;
+      bottom: 4em;
+      color: red;
+      position: relative;
+      white-space: break-spaces;
+    }
+  </style>
+
+  <p>Test passes if there is a filled green square and <strong>no red</strong>.
+
+  <div id="overlapped-red-reference"></div>
+
+  <div id="overlapping-green-test">&NewLine;&NewLine;&NewLine;&NewLine;</div>
+
+<!--
+
+  &NewLine; == Line feed == &#x000A; == &#0010;
+
+-->
