HTML-2-CSS Mapping

Checks that browsers implement properly the html2css stylesheet (rules about borders, disabling border-collapse for clarity)


1: The border of the table element should be 0px hidden gray:

border-width:0px is the initial value;
border-style:hidden comes from table:matches(..., [rules=groups], ...);
border-color:gray comes from table

<table border="0" rules="groups"><tbody><tr><td></td></tr></tbody></table>

2: The border of the table element should be 1px outset black:

border-width:1px comes from table[frame=box] (1/2);
border-style:outset comes from table[frame=box] (2/2);
border-color:black comes from table:matches(..., [rules=groups], ...)

<table border="0" rules="groups" frame="box"><tbody><tr><td></td></tr></tbody></table>

3a: The border of the table element should be 10px outset gray:

border-width:10px comes from table[border=$w];
border-style:outset comes from table[frame=box] (2/2);
border-color:gray comes from table[border=$w]


3b: The border-top of the td element should be 1px inset gray:

border-width:1px comes from table[border=$w] > ...td;
border-style:inset comes from table[border=$w] > ...td;
border-color:gray comes from table[border=$w] > ...td


3c: The border-left of the td element should be 1px hidden gray:

border-width:1px comes from table[border=$w] > ...td;
border-style:inset comes from table[border=$w] > ...td;
border-color:gray comes from table[border=$w] > ...td

<table border="10" rules="groups" frame="box"><tbody><tr><td></td></tr></tbody></table>

4a: The border of the table element should be 1px outset gray:

border-width:10px comes from table[border=$w];
border-style:outset comes from table[border=$w];
border-color:gray comes from table[border=$w]


4b: The top border of the td element should be 1px solid gray:

border-width:1px comes from table[rules=all] > ... td;
border-style:solid comes from table[rules=all] > ... td;
border-color:gray comes from table[rules=all] > ... td

<table border="yes" rules="all"><tbody><tr><td></td></tr></tbody></table>

5a: The left border of the table element should be ? hidden ?:

border-style:hidden comes from table[frame=hsides];


5b: The right border of the table element should be 10px solid gray:

border-width:10px comes from table[border=$w];
border-style:solid comes from [style];
border-color:gray comes from table[border=$w]

<table border="10" frame="hsides" style="border-right-style: solid"><tbody><tr><td></td></tr></tbody></table>

Summary

Harness status: OK

Found 25 tests

Details

ResultTest NameMessage
Pass1: HTML -> CSS Mapping for borders is applied correctly on table markup (table left width)
Asserts run
Pass
assert_equals("0px", "0px")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5
Pass1: HTML -> CSS Mapping for borders is applied correctly on table markup (table left style)
Asserts run
Pass
assert_equals("hidden", "hidden")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5
Pass1: HTML -> CSS Mapping for borders is applied correctly on table markup (table left color)
Asserts run
Pass
assert_equals("rgb(128, 128, 128)", "rgb(128, 128, 128)")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5
Pass2: HTML -> CSS Mapping for borders is applied correctly on table markup (table left width)
Asserts run
Pass
assert_equals("1px", "1px")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5
Fail2: HTML -> CSS Mapping for borders is applied correctly on table markup (table left style)assert_equals: expected "outset" but got "solid"
Error
    at get_stack (https://www1.wpt.live/resources/testharness.js:4575:21)
    at new AssertionError (https://www1.wpt.live/resources/testharness.js:4568:22)
    at assert (https://www1.wpt.live/resources/testharness.js:4552:19)
    at assert_equals (https://www1.wpt.live/resources/testharness.js:1547:9)
    at Test.assert_wrapper (https://www1.wpt.live/resources/testharness.js:1467:30)
    at Test.<anonymous> (https://www1.wpt.live/resources/testharness.js:1182:35)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)
    at test (https://www1.wpt.live/resources/testharness.js:633:30)
    at https://www1.wpt.live/resources/testharness.js:1180:21
    at forEach (https://www1.wpt.live/resources/testharness.js:4667:26)
Asserts run
Fail
assert_equals("solid", "outset")
Error
Fail2: HTML -> CSS Mapping for borders is applied correctly on table markup (table left color)assert_equals: expected "rgb(0, 0, 0)" but got "rgb(128, 128, 128)"
Error
    at get_stack (https://www1.wpt.live/resources/testharness.js:4575:21)
    at new AssertionError (https://www1.wpt.live/resources/testharness.js:4568:22)
    at assert (https://www1.wpt.live/resources/testharness.js:4552:19)
    at assert_equals (https://www1.wpt.live/resources/testharness.js:1547:9)
    at Test.assert_wrapper (https://www1.wpt.live/resources/testharness.js:1467:30)
    at Test.<anonymous> (https://www1.wpt.live/resources/testharness.js:1182:35)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)
    at test (https://www1.wpt.live/resources/testharness.js:633:30)
    at https://www1.wpt.live/resources/testharness.js:1180:21
    at forEach (https://www1.wpt.live/resources/testharness.js:4667:26)
Asserts run
Fail
assert_equals("rgb(128, 128, 128)", "rgb(0, 0, 0)")
Error
Fail3a: HTML -> CSS Mapping for borders is applied correctly on table markup (table left width)assert_equals: expected "10px" but got "1px"
Error
    at get_stack (https://www1.wpt.live/resources/testharness.js:4575:21)
    at new AssertionError (https://www1.wpt.live/resources/testharness.js:4568:22)
    at assert (https://www1.wpt.live/resources/testharness.js:4552:19)
    at assert_equals (https://www1.wpt.live/resources/testharness.js:1547:9)
    at Test.assert_wrapper (https://www1.wpt.live/resources/testharness.js:1467:30)
    at Test.<anonymous> (https://www1.wpt.live/resources/testharness.js:1182:35)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)
    at test (https://www1.wpt.live/resources/testharness.js:633:30)
    at https://www1.wpt.live/resources/testharness.js:1180:21
    at forEach (https://www1.wpt.live/resources/testharness.js:4667:26)
Asserts run
Fail
assert_equals("1px", "10px")
Error
Fail3a: HTML -> CSS Mapping for borders is applied correctly on table markup (table left style)assert_equals: expected "outset" but got "solid"
Error
    at get_stack (https://www1.wpt.live/resources/testharness.js:4575:21)
    at new AssertionError (https://www1.wpt.live/resources/testharness.js:4568:22)
    at assert (https://www1.wpt.live/resources/testharness.js:4552:19)
    at assert_equals (https://www1.wpt.live/resources/testharness.js:1547:9)
    at Test.assert_wrapper (https://www1.wpt.live/resources/testharness.js:1467:30)
    at Test.<anonymous> (https://www1.wpt.live/resources/testharness.js:1182:35)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)
    at test (https://www1.wpt.live/resources/testharness.js:633:30)
    at https://www1.wpt.live/resources/testharness.js:1180:21
    at forEach (https://www1.wpt.live/resources/testharness.js:4667:26)
Asserts run
Fail
assert_equals("solid", "outset")
Error
Pass3a: HTML -> CSS Mapping for borders is applied correctly on table markup (table left color)
Asserts run
Pass
assert_equals("rgb(128, 128, 128)", "rgb(128, 128, 128)")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5
Fail3b: HTML -> CSS Mapping for borders is applied correctly on table markup (td top width)assert_equals: expected "1px" but got "0px"
Error
    at get_stack (https://www1.wpt.live/resources/testharness.js:4575:21)
    at new AssertionError (https://www1.wpt.live/resources/testharness.js:4568:22)
    at assert (https://www1.wpt.live/resources/testharness.js:4552:19)
    at assert_equals (https://www1.wpt.live/resources/testharness.js:1547:9)
    at Test.assert_wrapper (https://www1.wpt.live/resources/testharness.js:1467:30)
    at Test.<anonymous> (https://www1.wpt.live/resources/testharness.js:1182:35)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)
    at test (https://www1.wpt.live/resources/testharness.js:633:30)
    at https://www1.wpt.live/resources/testharness.js:1180:21
    at forEach (https://www1.wpt.live/resources/testharness.js:4667:26)
Asserts run
Fail
assert_equals("0px", "1px")
Error
Fail3b: HTML -> CSS Mapping for borders is applied correctly on table markup (td top style)assert_equals: expected "inset" but got "none"
Error
    at get_stack (https://www1.wpt.live/resources/testharness.js:4575:21)
    at new AssertionError (https://www1.wpt.live/resources/testharness.js:4568:22)
    at assert (https://www1.wpt.live/resources/testharness.js:4552:19)
    at assert_equals (https://www1.wpt.live/resources/testharness.js:1547:9)
    at Test.assert_wrapper (https://www1.wpt.live/resources/testharness.js:1467:30)
    at Test.<anonymous> (https://www1.wpt.live/resources/testharness.js:1182:35)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)
    at test (https://www1.wpt.live/resources/testharness.js:633:30)
    at https://www1.wpt.live/resources/testharness.js:1180:21
    at forEach (https://www1.wpt.live/resources/testharness.js:4667:26)
Asserts run
Fail
assert_equals("none", "inset")
Error
Fail3b: HTML -> CSS Mapping for borders is applied correctly on table markup (td top color)assert_equals: expected "rgb(128, 128, 128)" but got "rgb(0, 0, 0)"
Error
    at get_stack (https://www1.wpt.live/resources/testharness.js:4575:21)
    at new AssertionError (https://www1.wpt.live/resources/testharness.js:4568:22)
    at assert (https://www1.wpt.live/resources/testharness.js:4552:19)
    at assert_equals (https://www1.wpt.live/resources/testharness.js:1547:9)
    at Test.assert_wrapper (https://www1.wpt.live/resources/testharness.js:1467:30)
    at Test.<anonymous> (https://www1.wpt.live/resources/testharness.js:1182:35)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)
    at test (https://www1.wpt.live/resources/testharness.js:633:30)
    at https://www1.wpt.live/resources/testharness.js:1180:21
    at forEach (https://www1.wpt.live/resources/testharness.js:4667:26)
Asserts run
Fail
assert_equals("rgb(0, 0, 0)", "rgb(128, 128, 128)")
Error
Fail3c: HTML -> CSS Mapping for borders is applied correctly on table markup (td left width)assert_equals: expected "1px" but got "0px"
Error
    at get_stack (https://www1.wpt.live/resources/testharness.js:4575:21)
    at new AssertionError (https://www1.wpt.live/resources/testharness.js:4568:22)
    at assert (https://www1.wpt.live/resources/testharness.js:4552:19)
    at assert_equals (https://www1.wpt.live/resources/testharness.js:1547:9)
    at Test.assert_wrapper (https://www1.wpt.live/resources/testharness.js:1467:30)
    at Test.<anonymous> (https://www1.wpt.live/resources/testharness.js:1182:35)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)
    at test (https://www1.wpt.live/resources/testharness.js:633:30)
    at https://www1.wpt.live/resources/testharness.js:1180:21
    at forEach (https://www1.wpt.live/resources/testharness.js:4667:26)
Asserts run
Fail
assert_equals("0px", "1px")
Error
Fail3c: HTML -> CSS Mapping for borders is applied correctly on table markup (td left style)assert_equals: expected "inset" but got "none"
Error
    at get_stack (https://www1.wpt.live/resources/testharness.js:4575:21)
    at new AssertionError (https://www1.wpt.live/resources/testharness.js:4568:22)
    at assert (https://www1.wpt.live/resources/testharness.js:4552:19)
    at assert_equals (https://www1.wpt.live/resources/testharness.js:1547:9)
    at Test.assert_wrapper (https://www1.wpt.live/resources/testharness.js:1467:30)
    at Test.<anonymous> (https://www1.wpt.live/resources/testharness.js:1182:35)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)
    at test (https://www1.wpt.live/resources/testharness.js:633:30)
    at https://www1.wpt.live/resources/testharness.js:1180:21
    at forEach (https://www1.wpt.live/resources/testharness.js:4667:26)
Asserts run
Fail
assert_equals("none", "inset")
Error
Fail3c: HTML -> CSS Mapping for borders is applied correctly on table markup (td left color)assert_equals: expected "rgb(128, 128, 128)" but got "rgb(0, 0, 0)"
Error
    at get_stack (https://www1.wpt.live/resources/testharness.js:4575:21)
    at new AssertionError (https://www1.wpt.live/resources/testharness.js:4568:22)
    at assert (https://www1.wpt.live/resources/testharness.js:4552:19)
    at assert_equals (https://www1.wpt.live/resources/testharness.js:1547:9)
    at Test.assert_wrapper (https://www1.wpt.live/resources/testharness.js:1467:30)
    at Test.<anonymous> (https://www1.wpt.live/resources/testharness.js:1182:35)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)
    at test (https://www1.wpt.live/resources/testharness.js:633:30)
    at https://www1.wpt.live/resources/testharness.js:1180:21
    at forEach (https://www1.wpt.live/resources/testharness.js:4667:26)
Asserts run
Fail
assert_equals("rgb(0, 0, 0)", "rgb(128, 128, 128)")
Error
Pass4: HTML -> CSS Mapping for borders is applied correctly on table markup (table left width)
Asserts run
Pass
assert_equals("1px", "1px")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5
Pass4: HTML -> CSS Mapping for borders is applied correctly on table markup (table left style)
Asserts run
Pass
assert_equals("outset", "outset")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5
Pass4: HTML -> CSS Mapping for borders is applied correctly on table markup (table left color)
Asserts run
Pass
assert_equals("rgb(128, 128, 128)", "rgb(128, 128, 128)")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5
Pass4: HTML -> CSS Mapping for borders is applied correctly on table markup (td left width)
Asserts run
Pass
assert_equals("1px", "1px")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5
Pass4: HTML -> CSS Mapping for borders is applied correctly on table markup (td left style)
Asserts run
Pass
assert_equals("solid", "solid")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5
Pass4: HTML -> CSS Mapping for borders is applied correctly on table markup (td left color)
Asserts run
Pass
assert_equals("rgb(128, 128, 128)", "rgb(128, 128, 128)")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5
Pass5a: HTML -> CSS Mapping for borders is applied correctly on table markup (table left style)
Asserts run
Pass
assert_equals("hidden", "hidden")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5
Fail5b: HTML -> CSS Mapping for borders is applied correctly on table markup (table right width)assert_equals: expected "10px" but got "1px"
Error
    at get_stack (https://www1.wpt.live/resources/testharness.js:4575:21)
    at new AssertionError (https://www1.wpt.live/resources/testharness.js:4568:22)
    at assert (https://www1.wpt.live/resources/testharness.js:4552:19)
    at assert_equals (https://www1.wpt.live/resources/testharness.js:1547:9)
    at Test.assert_wrapper (https://www1.wpt.live/resources/testharness.js:1467:30)
    at Test.<anonymous> (https://www1.wpt.live/resources/testharness.js:1182:35)
    at Test.step (https://www1.wpt.live/resources/testharness.js:2642:25)
    at test (https://www1.wpt.live/resources/testharness.js:633:30)
    at https://www1.wpt.live/resources/testharness.js:1180:21
    at forEach (https://www1.wpt.live/resources/testharness.js:4667:26)
Asserts run
Fail
assert_equals("1px", "10px")
Error
Pass5b: HTML -> CSS Mapping for borders is applied correctly on table markup (table right style)
Asserts run
Pass
assert_equals("solid", "solid")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5
Pass5b: HTML -> CSS Mapping for borders is applied correctly on table markup (table right color)
Asserts run
Pass
assert_equals("rgb(128, 128, 128)", "rgb(128, 128, 128)")
    at  /css/css-tables/html-to-css-mapping-2.html:93:5