Fix an error in the eol-bidi-spaces-003 test

The original test we landed in r824804 was not using the property we
wanted to test (white-space: pre-wrap) and there was no space at all,
which was key to reproduce the issue.

This CL updates the test, keeping both expected files, since FF needs
an alternate result due to collapsing trailing spaces. It's worth
mentioning that FF fails with this new test, but I think it's due an
actual FF bug.

Bug: 316409, 1142926
Change-Id: I6eafcf5edc5350c6ccfd227d5cc89ef2b47ed1a8
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2573081
Reviewed-by: Koji Ishii <kojii@chromium.org>
Commit-Queue: Javier Fernandez <jfernandez@igalia.com>
Cr-Commit-Position: refs/heads/master@{#837026}
diff --git a/css/css-text/white-space/eol-spaces-bidi-003.html b/css/css-text/white-space/eol-spaces-bidi-003.html
index 14f31ec..4161c95 100644
--- a/css/css-text/white-space/eol-spaces-bidi-003.html
+++ b/css/css-text/white-space/eol-spaces-bidi-003.html
@@ -18,10 +18,11 @@
       background: green;
 
       width: 4ch;
+      white-space: pre-wrap;
   }
-  .blue { color: blue; }
-  .bgblue { background-color: blue; }
-  .space { color: transparent; }
+  span {
+      background: blue;
+  }
 </style>
 <p>Test passes if a blue box (the white space) is visible at the left start in first line.</p>
-<div>ب<span class="bgblue"><span class="blue">X</span>OP</span><span class="space">X<br>XXX</span>D</div>
+<div>ب <span>OP</span><span> </span>D</div>
diff --git a/css/css-text/white-space/reference/eol-spaces-bidi-003-ref.html b/css/css-text/white-space/reference/eol-spaces-bidi-003-ref.html
index 0fe8f48..57e23bd 100644
--- a/css/css-text/white-space/reference/eol-spaces-bidi-003-ref.html
+++ b/css/css-text/white-space/reference/eol-spaces-bidi-003-ref.html
@@ -16,6 +16,7 @@
   }
   .blue { color: blue; }
   .space { color: transparent; }
+  .text { background: blue; }
 </style>
 <p>Test passes if a blue box (the white space) is visible at the left start in first line.</p>
-<div>ب<span class="blue">X</span>OP<span class="space">X<br>XXX</span>D</div>
+<div>ب<span class="blue">X</span><span class="text">OP</span><span class="space">X<br>XXX</span>D</div>
diff --git a/css/css-text/white-space/reference/eol-spaces-bidi-alt-003-ref.html b/css/css-text/white-space/reference/eol-spaces-bidi-alt-003-ref.html
index 6f610aa..6861ec6 100644
--- a/css/css-text/white-space/reference/eol-spaces-bidi-alt-003-ref.html
+++ b/css/css-text/white-space/reference/eol-spaces-bidi-alt-003-ref.html
@@ -17,6 +17,7 @@
   }
   .blue { color: blue; }
   .space { color: transparent; }
+  .text { background: blue; }
 </style>
 <p>Test passes if a blue box (the white space) is visible at the left start in first line.</p>
-<div>ب<span class="blue">X</span>OP<span class="space">X<br>XXX</span>D</div>
+<div>ب<span class="blue">X</span><span class="text">OP</span><span class="space">X<br>XXX</span>D</div>