Bug 1863648 [wpt PR 43010] - [css-ui] Allow outline-style:auto to be …

…process the same as solid, a=testonly

Automatic update from web-platform-tests
[css-ui] Allow outline-style:auto to be process the same as solid (#43010)

In response to w3c/csswg-drafts#9201 (comment)

Co-authored-by: Oriol Brufau <obrufauigalia.com>
--

wpt-commits: 9d3be8a51be474e3fd9a6b96d2432df1ef22f333
wpt-pr: 43010

UltraBlame original commit: 999a7f8fde7054212a2068566d155b118a35f828

testing/web-platform/tests/css/css-ui/outline-auto-width-001.html

@@ -138,7 +138,7 @@
 -
 auto
 -
-with
+width
 -
 001
 -
@@ -148,6 +148,56 @@
 "
 >
 <
+link
+rel
+=
+"
+match
+"
+href
+=
+"
+reference
+/
+outline
+-
+auto
+-
+width
+-
+001
+-
+b
+-
+ref
+.
+html
+"
+>
+<
+!
+-
+-
+Allowing
+'
+outline
+-
+style
+:
+auto
+'
+to
+behave
+the
+same
+as
+'
+solid
+'
+-
+-
+>
+<
 style
 >
 div
@@ -162,7 +212,7 @@
 -
 width
 :
-100px
+1em
 ;
 width
 :
@@ -174,7 +224,7 @@
 ;
 margin
 :
-1em
+2em
 ;
 }
 div
@@ -188,6 +238,17 @@
 0
 ;
 }
+hr
+~
+div
+{
+outline
+-
+style
+:
+solid
+;
+}
 <
 /
 style
@@ -198,14 +259,64 @@
 Test
 passes
 if
+either
+:
+<
+ul
+>
+<
+li
+>
 there
 are
+three
+boxes
+below
+two
+above
+the
+horizontal
+line
+and
+one
+below
+and
+the
 two
+boxes
+above
+the
+line
+are
 identical
-box
-frames
+<
+li
+>
+there
+are
+two
+identical
+boxes
 below
-.
+one
+above
+the
+horizontal
+line
+and
+one
+below
+<
+/
+ul
+>
+<
+div
+>
+<
+/
+div
+>
 <
 div
 >
@@ -214,6 +325,9 @@
 div
 >
 <
+hr
+>
+<
 div
 >
 <

testing/web-platform/tests/css/css-ui/reference/outline-auto-width-001-b-ref.html

@@ -0,0 +1,184 @@
+<
+!
+doctype
+html
+>
+<
+html
+lang
+=
+en
+>
+<
+meta
+charset
+=
+utf
+-
+8
+>
+<
+title
+>
+CSS
+-
+UI
+test
+reference
+<
+/
+title
+>
+<
+link
+rel
+=
+"
+author
+"
+title
+=
+"
+Florian
+Rivoal
+"
+href
+=
+"
+https
+:
+/
+/
+florian
+.
+rivoal
+.
+net
+"
+>
+<
+style
+>
+div
+{
+outline
+-
+style
+:
+solid
+;
+outline
+-
+width
+:
+1em
+;
+width
+:
+100px
+;
+height
+:
+100px
+;
+margin
+:
+2em
+;
+}
+div
++
+div
+{
+outline
+-
+style
+:
+none
+;
+}
+<
+/
+style
+>
+<
+p
+>
+Test
+passes
+if
+either
+:
+<
+ul
+>
+<
+li
+>
+there
+are
+three
+boxes
+below
+two
+above
+the
+horizontal
+line
+and
+one
+below
+and
+the
+two
+boxes
+above
+the
+line
+are
+identical
+<
+li
+>
+there
+are
+two
+identical
+boxes
+below
+one
+above
+the
+horizontal
+line
+and
+one
+below
+<
+/
+ul
+>
+<
+div
+>
+<
+/
+div
+>
+<
+div
+>
+<
+/
+div
+>
+<
+hr
+>
+<
+div
+>
+<
+/
+div
+>