CSSOM: Correct resolution of resolved value for display-affected pseudo-elements

Summary

Harness status: OK

Found 26 tests

22 Pass

4 Fail

Details

Result

Test Name

Message

Fail

Resolution of width is correct when pseudo-element argument is ignored (due to no colon)

assert_equals: expected "100px" but got "50px"

    at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/css/cssom/getComputedStyle-pseudo.html:111:5
    at Array.forEach (<anonymous>)
    at Test.<anonymous> (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/css/cssom/getComputedStyle-pseudo.html:110:23)
    at Test.step (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:2642:25)
    at test (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:633:30)

Asserts run

Fail	assert_equals("50px", "100px") at /css/cssom/getComputedStyle-pseudo.html:111:5

Pass

Resolution of width is correct when pseudo-element argument is invalid (due to a trailing token)

Asserts run

Pass	assert_equals("", "", ":before ") at /css/cssom/getComputedStyle-pseudo.html:132:5
Pass	assert_equals("", "", "::before ") at /css/cssom/getComputedStyle-pseudo.html:132:5
Pass	assert_equals("", "", "::before\t") at /css/cssom/getComputedStyle-pseudo.html:132:5
Pass	assert_equals("", "", "::before\f") at /css/cssom/getComputedStyle-pseudo.html:132:5
Pass	assert_equals("", "", "::before\n") at /css/cssom/getComputedStyle-pseudo.html:132:5
Pass	assert_equals("", "", "::before,") at /css/cssom/getComputedStyle-pseudo.html:132:5
Pass	assert_equals("", "", "::before,::after") at /css/cssom/getComputedStyle-pseudo.html:132:5
Pass	assert_equals("", "", "::before@after") at /css/cssom/getComputedStyle-pseudo.html:132:5
Pass	assert_equals("", "", "::before#after") at /css/cssom/getComputedStyle-pseudo.html:132:5
Pass	assert_equals("", "", "::\"before\"") at /css/cssom/getComputedStyle-pseudo.html:132:5
Pass	assert_equals("", "", "::before\0") at /css/cssom/getComputedStyle-pseudo.html:132:5
Pass	assert_equals("", "", "::before-->") at /css/cssom/getComputedStyle-pseudo.html:132:5
Pass	assert_equals("", "", "::before0") at /css/cssom/getComputedStyle-pseudo.html:132:5

Pass

Resolution of width is correct for ::before and ::after pseudo-elements (single-colon)

Asserts run

Pass	assert_equals("50px", "50px") at /css/cssom/getComputedStyle-pseudo.html:139:5
Pass	assert_equals("50px", "50px") at /css/cssom/getComputedStyle-pseudo.html:139:5

Pass

Resolution of width is correct for ::before and ::after pseudo-elements (double-colon)

Asserts run

Pass	assert_equals("50px", "50px") at /css/cssom/getComputedStyle-pseudo.html:146:5
Pass	assert_equals("50px", "50px") at /css/cssom/getComputedStyle-pseudo.html:146:5

Fail

Pseudo-elements can use the full range of CSS syntax

assert_equals: expected "50px" but got ""

    at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/css/cssom/getComputedStyle-pseudo.html:153:5
    at Array.forEach (<anonymous>)
    at Test.<anonymous> (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/css/cssom/getComputedStyle-pseudo.html:152:35)
    at Test.step (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:2642:25)
    at test (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:633:30)

Asserts run

Fail	assert_equals("", "50px") at /css/cssom/getComputedStyle-pseudo.html:153:5

Pass

Resolution of width is correct for ::before and ::after pseudo-elements of display: contents elements

Asserts run

Pass	assert_equals("50px", "50px") at /css/cssom/getComputedStyle-pseudo.html:160:5
Pass	assert_equals("50px", "50px") at /css/cssom/getComputedStyle-pseudo.html:160:5

Pass

Resolution of nonexistent pseudo-element styles

Asserts run

Pass	assert_equals("static", "static", "Nonexistent :before pseudo-element shouldn't claim to have the same style as the originating element") at /css/cssom/getComputedStyle-pseudo.html:168:5
Pass	assert_equals("auto", "auto", "Nonexistent :before pseudo-element shouldn't claim to have definite size") at /css/cssom/getComputedStyle-pseudo.html:171:5
Pass	assert_equals("static", "static", "Nonexistent :after pseudo-element shouldn't claim to have the same style as the originating element") at /css/cssom/getComputedStyle-pseudo.html:168:5
Pass	assert_equals("auto", "auto", "Nonexistent :after pseudo-element shouldn't claim to have definite size") at /css/cssom/getComputedStyle-pseudo.html:171:5

Pass

Resolution of pseudo-element styles in display: none elements

Asserts run

Pass

assert_equals("\"Foo\"", "\"Foo\"", "Pseudo-styles of display: none elements should be correct")
    at  /css/cssom/getComputedStyle-pseudo.html:180:5

Pass

assert_equals("\"Foo\"", "\"Foo\"", "Pseudo-styles of display: none elements should be correct")
    at  /css/cssom/getComputedStyle-pseudo.html:180:5

Pass

Item-based blockification of pseudo-elements

Asserts run

Pass

assert_equals("block", "block", "Pseudo-styles of display: flex elements should get blockified")
    at  /css/cssom/getComputedStyle-pseudo.html:188:5

Pass

assert_equals("block", "block", "Pseudo-styles of display: flex elements should get blockified")
    at  /css/cssom/getComputedStyle-pseudo.html:188:5

Pass

Item-based blockification of nonexistent pseudo-elements

Asserts run

Pass

assert_equals("block", "block", "Pseudo-styles of display: flex elements should get blockified")
    at  /css/cssom/getComputedStyle-pseudo.html:196:5

Pass

assert_equals("block", "block", "Pseudo-styles of display: flex elements should get blockified")
    at  /css/cssom/getComputedStyle-pseudo.html:196:5

Pass

display: contents on pseudo-elements

Asserts run

Pass	assert_equals("contents", "contents", "display: contents in :before should get reflected on CSSOM") at /css/cssom/getComputedStyle-pseudo.html:204:5
Pass	assert_equals("auto", "auto", ":before with display: contents should have no box") at /css/cssom/getComputedStyle-pseudo.html:206:5
Pass	assert_equals("absolute", "absolute", "display: contents in :before should reflect other non-inherited properties in CSSOM") at /css/cssom/getComputedStyle-pseudo.html:208:5
Pass	assert_equals("contents", "contents", "display: contents in :after should get reflected on CSSOM") at /css/cssom/getComputedStyle-pseudo.html:204:5
Pass	assert_equals("auto", "auto", ":after with display: contents should have no box") at /css/cssom/getComputedStyle-pseudo.html:206:5
Pass	assert_equals("absolute", "absolute", "display: contents in :after should reflect other non-inherited properties in CSSOM") at /css/cssom/getComputedStyle-pseudo.html:208:5

Pass

Dynamically change to display: contents on pseudo-elements

Asserts run

Pass	assert_equals("block", "block", "Check that display for :before is block before change") at /css/cssom/getComputedStyle-pseudo.html:216:5
Pass	assert_equals("block", "block", "Check that display for :after is block before change") at /css/cssom/getComputedStyle-pseudo.html:216:5
Pass	assert_equals("contents", "contents", "display: contents in :before should get reflected on CSSOM") at /css/cssom/getComputedStyle-pseudo.html:221:5
Pass	assert_equals("auto", "auto", ":before with display: contents should have no box") at /css/cssom/getComputedStyle-pseudo.html:223:5
Pass	assert_equals("absolute", "absolute", "display: contents in :before should reflect other non-inherited properties in CSSOM") at /css/cssom/getComputedStyle-pseudo.html:225:5
Pass	assert_equals("contents", "contents", "display: contents in :after should get reflected on CSSOM") at /css/cssom/getComputedStyle-pseudo.html:221:5
Pass	assert_equals("auto", "auto", ":after with display: contents should have no box") at /css/cssom/getComputedStyle-pseudo.html:223:5
Pass	assert_equals("absolute", "absolute", "display: contents in :after should reflect other non-inherited properties in CSSOM") at /css/cssom/getComputedStyle-pseudo.html:225:5

Pass

Unknown pseudo-elements

Asserts run

Pass

assert_true(true, "Should return the element's style for unknown pseudo-elements that don't start with a colon")
    at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:234:3)

Pass

assert_true(true, "Should return an empty style for unknown pseudo-elements starting with double-colon")
    at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:237:3)

Pass

assert_true(true, "Should return an empty style for unknown pseudo-elements starting with colon")
    at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:240:3)

Pass

CSSStyleDeclaration is immutable

Asserts run

Pass	assert_throws_dom("NoModificationAllowedError", function "() => style1.color = "1"") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:249:3)
Pass	assert_throws_dom("NoModificationAllowedError", function "() => style1.margin = "10px"") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:250:3)
Pass	assert_throws_dom("NoModificationAllowedError", function "() => style2.color = "1"") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:253:3)
Pass	assert_throws_dom("NoModificationAllowedError", function "() => style2.margin = "10px"") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:254:3)
Pass	assert_throws_dom("NoModificationAllowedError", function "() => style3.color = "1"") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:257:3)
Pass	assert_throws_dom("NoModificationAllowedError", function "() => style3.margin = "10px"") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:258:3)

Pass

Unknown pseudo-element with a known identifier: backdrop

Asserts run

Pass	assert_implements_optional(true, "::backdrop") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:278:5)
Pass	assert_true(true, "Should return an empty style for :backdrop") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:280:5)
Pass	assert_true(true, "Should return the element style for backdrop") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:283:5)
Pass	assert_equals("rgb(255, 0, 0)", "rgb(255, 0, 0)", "Should return the element style for backdrop") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:286:5)
Pass	assert_equals("rgb(0, 128, 0)", "rgb(0, 128, 0)", "Should return the ::backdrop style") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:289:5)

Fail

Unknown pseudo-element with a known identifier: file-selector-button

assert_equals: Should return the ::file-selector-button style expected "rgb(0, 128, 0)" but got "rgb(255, 0, 0)"

    at Test.<anonymous> (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/css/cssom/getComputedStyle-pseudo.html:289:5)
    at Test.step (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:2642:25)
    at test (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:633:30)
    at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/css/cssom/getComputedStyle-pseudo.html:277:3
    at Array.forEach (<anonymous>)

Asserts run

Pass	assert_implements_optional(true, "::file-selector-button") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:278:5)
Pass	assert_true(true, "Should return an empty style for :file-selector-button") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:280:5)
Pass	assert_true(true, "Should return the element style for file-selector-button") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:283:5)
Pass	assert_equals("rgb(255, 0, 0)", "rgb(255, 0, 0)", "Should return the element style for file-selector-button") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:286:5)
Fail	assert_equals("rgb(255, 0, 0)", "rgb(0, 128, 0)", "Should return the ::file-selector-button style") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:289:5)

Pass

Unknown pseudo-element with a known identifier: grammar-error

Asserts run

Pass	assert_implements_optional(true, "::grammar-error") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:278:5)
Pass	assert_true(true, "Should return an empty style for :grammar-error") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:280:5)
Pass	assert_true(true, "Should return the element style for grammar-error") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:283:5)
Pass	assert_equals("rgb(255, 0, 0)", "rgb(255, 0, 0)", "Should return the element style for grammar-error") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:286:5)
Pass	assert_equals("rgb(0, 128, 0)", "rgb(0, 128, 0)", "Should return the ::grammar-error style") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:289:5)

Pass

Unknown pseudo-element with a known identifier: highlight(name)

Asserts run

Pass	assert_implements_optional(true, "::highlight(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:278:5)
Pass	assert_true(true, "Should return an empty style for :highlight(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:280:5)
Pass	assert_true(true, "Should return the element style for highlight(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:283:5)
Pass	assert_equals("rgb(255, 0, 0)", "rgb(255, 0, 0)", "Should return the element style for highlight(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:286:5)
Pass	assert_equals("rgb(0, 128, 0)", "rgb(0, 128, 0)", "Should return the ::highlight(name) style") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:289:5)

Pass

Unknown pseudo-element with a known identifier: marker

Asserts run

Pass	assert_implements_optional(true, "::marker") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:278:5)
Pass	assert_true(true, "Should return an empty style for :marker") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:280:5)
Pass	assert_true(true, "Should return the element style for marker") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:283:5)
Pass	assert_equals("rgb(255, 0, 0)", "rgb(255, 0, 0)", "Should return the element style for marker") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:286:5)
Pass	assert_equals("rgb(0, 128, 0)", "rgb(0, 128, 0)", "Should return the ::marker style") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:289:5)

Fail

Unknown pseudo-element with a known identifier: placeholder

assert_equals: Should return the ::placeholder style expected "rgb(0, 128, 0)" but got "rgb(255, 0, 0)"

    at Test.<anonymous> (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/css/cssom/getComputedStyle-pseudo.html:289:5)
    at Test.step (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:2642:25)
    at test (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:633:30)
    at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/css/cssom/getComputedStyle-pseudo.html:277:3
    at Array.forEach (<anonymous>)

Asserts run

Pass	assert_implements_optional(true, "::placeholder") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:278:5)
Pass	assert_true(true, "Should return an empty style for :placeholder") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:280:5)
Pass	assert_true(true, "Should return the element style for placeholder") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:283:5)
Pass	assert_equals("rgb(255, 0, 0)", "rgb(255, 0, 0)", "Should return the element style for placeholder") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:286:5)
Fail	assert_equals("rgb(255, 0, 0)", "rgb(0, 128, 0)", "Should return the ::placeholder style") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:289:5)

Pass

Unknown pseudo-element with a known identifier: spelling-error

Asserts run

Pass	assert_implements_optional(true, "::spelling-error") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:278:5)
Pass	assert_true(true, "Should return an empty style for :spelling-error") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:280:5)
Pass	assert_true(true, "Should return the element style for spelling-error") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:283:5)
Pass	assert_equals("rgb(255, 0, 0)", "rgb(255, 0, 0)", "Should return the element style for spelling-error") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:286:5)
Pass	assert_equals("rgb(0, 128, 0)", "rgb(0, 128, 0)", "Should return the ::spelling-error style") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:289:5)

Pass

Unknown pseudo-element with a known identifier: view-transition

Asserts run

Pass	assert_implements_optional(true, "::view-transition") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:278:5)
Pass	assert_true(true, "Should return an empty style for :view-transition") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:280:5)
Pass	assert_true(true, "Should return the element style for view-transition") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:283:5)
Pass	assert_equals("rgb(255, 0, 0)", "rgb(255, 0, 0)", "Should return the element style for view-transition") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:286:5)
Pass	assert_equals("rgb(0, 128, 0)", "rgb(0, 128, 0)", "Should return the ::view-transition style") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:289:5)

Pass

Unknown pseudo-element with a known identifier: view-transition-image-pair(name)

Asserts run

Pass	assert_implements_optional(true, "::view-transition-image-pair(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:278:5)
Pass	assert_true(true, "Should return an empty style for :view-transition-image-pair(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:280:5)
Pass	assert_true(true, "Should return the element style for view-transition-image-pair(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:283:5)
Pass	assert_equals("rgb(255, 0, 0)", "rgb(255, 0, 0)", "Should return the element style for view-transition-image-pair(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:286:5)
Pass	assert_equals("rgb(0, 128, 0)", "rgb(0, 128, 0)", "Should return the ::view-transition-image-pair(name) style") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:289:5)

Pass

Unknown pseudo-element with a known identifier: view-transition-group(name)

Asserts run

Pass	assert_implements_optional(true, "::view-transition-group(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:278:5)
Pass	assert_true(true, "Should return an empty style for :view-transition-group(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:280:5)
Pass	assert_true(true, "Should return the element style for view-transition-group(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:283:5)
Pass	assert_equals("rgb(255, 0, 0)", "rgb(255, 0, 0)", "Should return the element style for view-transition-group(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:286:5)
Pass	assert_equals("rgb(0, 128, 0)", "rgb(0, 128, 0)", "Should return the ::view-transition-group(name) style") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:289:5)

Pass

Unknown pseudo-element with a known identifier: view-transition-old(name)

Asserts run

Pass	assert_implements_optional(true, "::view-transition-old(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:278:5)
Pass	assert_true(true, "Should return an empty style for :view-transition-old(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:280:5)
Pass	assert_true(true, "Should return the element style for view-transition-old(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:283:5)
Pass	assert_equals("rgb(255, 0, 0)", "rgb(255, 0, 0)", "Should return the element style for view-transition-old(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:286:5)
Pass	assert_equals("rgb(0, 128, 0)", "rgb(0, 128, 0)", "Should return the ::view-transition-old(name) style") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:289:5)

Pass

Unknown pseudo-element with a known identifier: view-transition-new(name)

Asserts run

Pass	assert_implements_optional(true, "::view-transition-new(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:278:5)
Pass	assert_true(true, "Should return an empty style for :view-transition-new(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:280:5)
Pass	assert_true(true, "Should return the element style for view-transition-new(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:283:5)
Pass	assert_equals("rgb(255, 0, 0)", "rgb(255, 0, 0)", "Should return the element style for view-transition-new(name)") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:286:5)
Pass	assert_equals("rgb(0, 128, 0)", "rgb(0, 128, 0)", "Should return the ::view-transition-new(name) style") at Test.<anonymous> ( /css/cssom/getComputedStyle-pseudo.html:289:5)