KeyframeEffect.target and .pseudoElement

Summary

Harness status: OK

Found 24 tests

16 Pass

8 Fail

Details

Result

Test Name

Message

Pass

Test setting target before constructing the associated animation

Asserts run

Pass	assert_equals("50px", "50px", "Value at 50% progress") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:31:3)

Pass

Test setting target from null to a valid target

Asserts run

Pass

assert_equals("10px", "10px", "Value at 50% progress before setting new target")
    at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:43:3)

Pass

assert_equals("50px", "50px", "Value at 50% progress after setting new target")
    at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:46:3)

Pass

Test setting target from a valid target to null

Asserts run

Pass

assert_equals("50px", "50px", "Value at 50% progress before clearing the target")
    at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:56:3)

Pass

assert_equals("10px", "10px", "Value after clearing the target")
    at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:60:3)

Pass

Test setting target from a valid target to another target

Asserts run

Pass	assert_equals("50px", "50px", "Value of 1st element (currently targeted) before changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:72:3)
Pass	assert_equals("20px", "20px", "Value of 2nd element (currently not targeted) before changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:75:3)
Pass	assert_equals("10px", "10px", "Value of 1st element (currently not targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:79:3)
Pass	assert_equals("50px", "50px", "Value of 2nd element (currently targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:82:3)
Pass	assert_equals("75px", "75px", "Value of 2nd target (currently targeted) after changing the animation current time.") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:89:3)

Pass

Target element can be set to a foreign element

Asserts run

No asserts ran

Pass

Change target from null to an existing pseudoElement setting target first.

Asserts run

Pass	assert_equals("10px", "10px", "Value at 50% progress before setting new target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:132:5)
Pass	assert_equals(Element node <div class="pseudoa before"></div>, Element node <div class="pseudoa before"></div>, "Target element is set correctly") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:137:5)
Pass	assert_equals("::before", "::before", "Target pseudo-element set correctly") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:138:5)
Pass	assert_equals("50px", "50px", "Value at 50% progress after setting new target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:139:5)

Pass

Change target from null to an existing pseudoElement setting pseudoElement first.

Asserts run

Pass	assert_equals("10px", "10px", "Value at 50% progress before setting new target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:156:5)
Pass	assert_equals(Element node <div class="pseudoa before"></div>, Element node <div class="pseudoa before"></div>, "Target element is set correctly") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:161:5)
Pass	assert_equals("::before", "::before", "Target pseudo-element set correctly") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:162:5)
Pass	assert_equals("50px", "50px", "Value at 50% progress after setting new target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:163:5)

Pass

Change target from an existing pseudo-element to the originating element.

Asserts run

Pass	assert_equals(Element node <div class="pseudoa before"></div>, Element node <div class="pseudoa before"></div>, "Animation targets specified element (target element)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:178:5)
Pass	assert_equals(null, null, "Animation targets specified element (null pseudo-selector)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:180:5)
Pass	assert_equals("10px", "10px", "Value of 1st element (currently not targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:182:5)
Pass	assert_equals("50px", "50px", "Value of 2nd element (currently targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:185:5)

Pass

Change target from an existing to a different existing pseudo-element by setting target.

Asserts run

Pass	assert_equals(Element node <div class="pseudob before"></div>, Element node <div class="pseudob before"></div>, "Animation targets specified pseudo-element (target element)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:207:7)
Pass	assert_equals("::before", "::before", "Animation targets specified pseudo-element (pseudo-selector)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:209:7)
Pass	assert_equals("10px", "10px", "Value of 1st element (currently not targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:211:7)
Pass	assert_equals("50px", "50px", "Value of 2nd element (currently targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:214:7)

Pass

Change target from an existing to a different existing pseudo-element by setting pseudoElement.

Asserts run

Pass	assert_equals(Element node <div class="pseudoc before after"></div>, Element node <div class="pseudoc before after"></div>, "Animation targets specified pseudo-element (target element)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:235:7)
Pass	assert_equals("::after", "::after", "Animation targets specified pseudo-element (pseudo-selector)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:237:7)
Pass	assert_equals("10px", "10px", "Value of 1st element (currently not targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:239:7)
Pass	assert_equals("50px", "50px", "Value of 2nd element (currently targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:242:7)

Pass

Change target from a non-existing to a different existing pseudo-element by setting target.

Asserts run

Pass	assert_equals(Element node <div class="pseudob before"></div>, Element node <div class="pseudob before"></div>, "Animation targets specified pseudo-element (target element)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:207:7)
Pass	assert_equals("::before", "::before", "Animation targets specified pseudo-element (pseudo-selector)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:209:7)
Pass	assert_equals("10px", "10px", "Value of 1st element (currently not targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:211:7)
Pass	assert_equals("50px", "50px", "Value of 2nd element (currently targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:214:7)

Pass

Change target from a non-existing to a different existing pseudo-element by setting pseudoElement.

Asserts run

Pass	assert_equals(Element node <div class="pseudoc after"></div>, Element node <div class="pseudoc after"></div>, "Animation targets specified pseudo-element (target element)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:235:7)
Pass	assert_equals("::after", "::after", "Animation targets specified pseudo-element (pseudo-selector)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:237:7)
Pass	assert_equals("10px", "10px", "Value of 1st element (currently not targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:239:7)
Pass	assert_equals("50px", "50px", "Value of 2nd element (currently targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:242:7)

Fail

Change target from null to a non-existing pseudoElement setting target first.

assert_equals: Value at 50% progress after setting new target expected "50px" but got "10px"

    at Test.<anonymous> (https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:139:5)
    at Test.step (https://wpt.live/resources/testharness.js:2642:25)
    at test (https://wpt.live/resources/testharness.js:633:30)
    at https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:120:3

Asserts run

Pass	assert_equals("10px", "10px", "Value at 50% progress before setting new target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:132:5)
Pass	assert_equals(Element node <div class="pseudoa"></div>, Element node <div class="pseudoa"></div>, "Target element is set correctly") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:137:5)
Pass	assert_equals("::before", "::before", "Target pseudo-element set correctly") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:138:5)
Fail	assert_equals("10px", "50px", "Value at 50% progress after setting new target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:139:5)

Fail

Change target from null to a non-existing pseudoElement setting pseudoElement first.

assert_equals: Value at 50% progress after setting new target expected "50px" but got "10px"

    at Test.<anonymous> (https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:163:5)
    at Test.step (https://wpt.live/resources/testharness.js:2642:25)
    at test (https://wpt.live/resources/testharness.js:633:30)
    at https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:144:3

Asserts run

Pass	assert_equals("10px", "10px", "Value at 50% progress before setting new target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:156:5)
Pass	assert_equals(Element node <div class="pseudoa"></div>, Element node <div class="pseudoa"></div>, "Target element is set correctly") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:161:5)
Pass	assert_equals("::before", "::before", "Target pseudo-element set correctly") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:162:5)
Fail	assert_equals("10px", "50px", "Value at 50% progress after setting new target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:163:5)

Pass

Change target from a non-existing pseudo-element to the originating element.

Asserts run

Pass	assert_equals(Element node <div class="pseudoa"></div>, Element node <div class="pseudoa"></div>, "Animation targets specified element (target element)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:178:5)
Pass	assert_equals(null, null, "Animation targets specified element (null pseudo-selector)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:180:5)
Pass	assert_equals("10px", "10px", "Value of 1st element (currently not targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:182:5)
Pass	assert_equals("50px", "50px", "Value of 2nd element (currently targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:185:5)

Fail

Change target from an existing to a different non-existing pseudo-element by setting target.

assert_equals: Value of 2nd element (currently targeted) after changing the effect target expected "50px" but got "20px"

    at Test.<anonymous> (https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:214:7)
    at Test.step (https://wpt.live/resources/testharness.js:2642:25)
    at test (https://wpt.live/resources/testharness.js:633:30)
    at https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:191:5

Asserts run

Pass	assert_equals(Element node <div class="pseudob"></div>, Element node <div class="pseudob"></div>, "Animation targets specified pseudo-element (target element)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:207:7)
Pass	assert_equals("::before", "::before", "Animation targets specified pseudo-element (pseudo-selector)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:209:7)
Pass	assert_equals("10px", "10px", "Value of 1st element (currently not targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:211:7)
Fail	assert_equals("20px", "50px", "Value of 2nd element (currently targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:214:7)

Fail

Change target from an existing to a different non-existing pseudo-element by setting pseudoElement.

assert_equals: Value of 2nd element (currently targeted) after changing the effect target expected "50px" but got "20px"

    at Test.<anonymous> (https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:242:7)
    at Test.step (https://wpt.live/resources/testharness.js:2642:25)
    at test (https://wpt.live/resources/testharness.js:633:30)
    at https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:221:5

Asserts run

Pass	assert_equals(Element node <div class="pseudoc before"></div>, Element node <div class="pseudoc before"></div>, "Animation targets specified pseudo-element (target element)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:235:7)
Pass	assert_equals("::after", "::after", "Animation targets specified pseudo-element (pseudo-selector)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:237:7)
Pass	assert_equals("10px", "10px", "Value of 1st element (currently not targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:239:7)
Fail	assert_equals("20px", "50px", "Value of 2nd element (currently targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:242:7)

Fail

Change target from a non-existing to a different non-existing pseudo-element by setting target.

assert_equals: Value of 2nd element (currently targeted) after changing the effect target expected "50px" but got "20px"

    at Test.<anonymous> (https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:214:7)
    at Test.step (https://wpt.live/resources/testharness.js:2642:25)
    at test (https://wpt.live/resources/testharness.js:633:30)
    at https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:191:5

Asserts run

Pass	assert_equals(Element node <div class="pseudob"></div>, Element node <div class="pseudob"></div>, "Animation targets specified pseudo-element (target element)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:207:7)
Pass	assert_equals("::before", "::before", "Animation targets specified pseudo-element (pseudo-selector)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:209:7)
Pass	assert_equals("10px", "10px", "Value of 1st element (currently not targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:211:7)
Fail	assert_equals("20px", "50px", "Value of 2nd element (currently targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:214:7)

Fail

Change target from a non-existing to a different non-existing pseudo-element by setting pseudoElement.

assert_equals: Value of 2nd element (currently targeted) after changing the effect target expected "50px" but got "20px"

    at Test.<anonymous> (https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:242:7)
    at Test.step (https://wpt.live/resources/testharness.js:2642:25)
    at test (https://wpt.live/resources/testharness.js:633:30)
    at https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:221:5

Asserts run

Pass	assert_equals(Element node <div class="pseudoc"></div>, Element node <div class="pseudoc"></div>, "Animation targets specified pseudo-element (target element)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:235:7)
Pass	assert_equals("::after", "::after", "Animation targets specified pseudo-element (pseudo-selector)") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:237:7)
Pass	assert_equals("10px", "10px", "Value of 1st element (currently not targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:239:7)
Fail	assert_equals("20px", "50px", "Value of 2nd element (currently targeted) after changing the effect target") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:242:7)

Pass

Changing pseudoElement to a non-null invalid pseudo-selector '' throws a SyntaxError

Asserts run

Pass	assert_throws_dom("SyntaxError", function "() => effect.pseudoElement = pseudo") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:259:5)

Pass

Changing pseudoElement to a non-null invalid pseudo-selector 'before' throws a SyntaxError

Asserts run

Pass	assert_throws_dom("SyntaxError", function "() => effect.pseudoElement = pseudo") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:259:5)

Pass

Changing pseudoElement to a non-null invalid pseudo-selector ':abc' throws a SyntaxError

Asserts run

Pass	assert_throws_dom("SyntaxError", function "() => effect.pseudoElement = pseudo") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:259:5)

Fail

Changing pseudoElement to a non-null invalid pseudo-selector '::abc' throws a SyntaxError

assert_throws_dom: function "() => effect.pseudoElement = pseudo" did not throw

    at Test.<anonymous> (https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:259:5)
    at Test.step (https://wpt.live/resources/testharness.js:2642:25)
    at test (https://wpt.live/resources/testharness.js:633:30)
    at https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:257:3

Asserts run

Fail	assert_throws_dom("SyntaxError", function "() => effect.pseudoElement = pseudo") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:259:5)

Fail

Changing pseudoElement to ::placeHOLDER works

assert_equals: expected "::placeholder" but got "::placeHOLDER"

    at Test.<anonymous> (https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:267:3)
    at Test.step (https://wpt.live/resources/testharness.js:2642:25)
    at test (https://wpt.live/resources/testharness.js:633:30)
    at https://wpt.live/web-animations/interfaces/KeyframeEffect/target.html:264:1

Asserts run

Fail	assert_equals("::placeHOLDER", "::placeholder") at Test.<anonymous> ( /web-animations/interfaces/KeyframeEffect/target.html:267:3)