mirror of
https://github.com/servo/servo.git
synced 2025-08-03 12:40:06 +01:00
Update web-platform-tests to revision a719147427a6934d24fe013c1251f7294e4afced
This commit is contained in:
parent
7bfa917931
commit
07ffb174a3
87 changed files with 979 additions and 194 deletions
|
@ -16,6 +16,33 @@
|
|||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function startReference()
|
||||
{
|
||||
document.getElementById("ref").focus();
|
||||
/*
|
||||
Some browsers, like Chromium 80+, will transfer focus
|
||||
to a selected element like a contenteditable div and
|
||||
therefore style the border of such element according
|
||||
to the user agent stylesheet rule:
|
||||
:focus {outline: -webkit-focus-ring-color auto 1px;} .
|
||||
So, we deliberately trigger such focus with the focus()
|
||||
method in the reference file.
|
||||
*/
|
||||
document.getElementById("ref").style.caretColor = "yellow";
|
||||
/*
|
||||
When a contenteditable element is focused in Firefox
|
||||
82+, then the caret becomes visible and blinking and
|
||||
it is painted with the ::selected's color which is
|
||||
the green color in this case. We therefore counter,
|
||||
neutralize this by resetting the caret's color to the
|
||||
background color.
|
||||
*/
|
||||
}
|
||||
</script>
|
||||
|
||||
<body onload="startReference();">
|
||||
|
||||
<p>Test passes if each glyph of "Selected Text" is green with a yellow background and if there is <strong>no red</strong>.
|
||||
|
||||
<div contenteditable="true" id="test">Selected Text</div>
|
||||
<div contenteditable="true" id="ref">Selected Text</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue