Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 06:00:15 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision b'ceb972b009e1b43c589dce3f36b050121493d2e0'

Browse source
This commit is contained in:
WPT Sync Bot 2023-03-19 01:39:16 +00:00
parent 88ff668147
commit 3c4c34479c
196 changed files with 5979 additions and 848 deletions
Download patch file Download diff file Expand all files Collapse all files

5
tests/wpt/web-platform-tests/css/css-properties-values-api/animation/custom-property-transition-custom-ident.html
View file

@ -6,10 +6,11 @@
<div id="target"></div>
<script>
no_transition_test({
transition_test({
syntax: "<custom-ident>",
from: "from",
to: "to",
}, 'A custom property of type <custom-ident> cannot yield a CSS Transition');
expected: "to",
}, 'A custom property of type <custom-ident> can yield a discrete CSS Transition');
</script>

5
tests/wpt/web-platform-tests/css/css-properties-values-api/animation/custom-property-transition-image.html
View file

@ -6,10 +6,11 @@
<div id="target"></div>
<script>
no_transition_test({
transition_test({
syntax: "<image>",
from: 'url("https://example.com/from")',
to: 'url("https://example.com/to")',
}, 'A custom property of type <image> cannot yield a CSS Transition');
expected: 'url("https://example.com/to")',
}, 'A custom property of type <image> can yield a CSS Transition');
</script>

120
tests/wpt/web-platform-tests/css/css-properties-values-api/animation/custom-property-transition-mismatched-list.html
View file

@ -6,148 +6,172 @@
<div id="target"></div>
<script>
no_transition_test({
transition_test({
syntax: "<angle>#",
from: '100deg, 200deg',
to: '300deg',
}, 'A custom property of type <angle># does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300deg',
}, 'A custom property of type <angle># yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<angle>+",
from: '100deg 200deg',
to: '300deg',
}, 'A custom property of type <angle>+ does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300deg',
}, 'A custom property of type <angle>+ yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<color>#",
from: 'rgb(100, 100, 100), rgb(150, 150, 150)',
to: 'rgb(200, 200, 200)',
}, 'A custom property of type <color># does not yield a CSS Transition if the lists do not contain the same number of values');
expected: 'rgb(200, 200, 200)',
}, 'A custom property of type <color># yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<color>+",
from: 'rgb(100, 100, 100) rgb(150, 150, 150)',
to: 'rgb(200, 200, 200)',
}, 'A custom property of type <color>+ does not yield a CSS Transition if the lists do not contain the same number of values');
expected: 'rgb(200, 200, 200)',
}, 'A custom property of type <color>+ yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<custom-ident>#",
from: 'foo, bar',
to: 'baz',
}, 'A custom property of type <custom-ident># does not yield a CSS Transition if the lists do not contain the same number of values');
expected: 'baz',
}, 'A custom property of type <custom-ident># yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<custom-ident>+",
from: 'foo bar',
to: 'baz',
}, 'A custom property of type <custom-ident>+ does not yield a CSS Transition if the lists do not contain the same number of values');
expected: 'baz',
}, 'A custom property of type <custom-ident>+ yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<image>#",
from: 'url("https://example.com/foo"), url("https://example.com/bar")',
to: 'url("https://example.com/to")',
}, 'A custom property of type <image># does not yield a CSS Transition if the lists do not contain the same number of values');
expected: 'url("https://example.com/to")',
}, 'A custom property of type <image># yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<image>+",
from: 'url("https://example.com/foo") url("https://example.com/bar")',
to: 'url("https://example.com/to")',
}, 'A custom property of type <image>+ does not yield a CSS Transition if the lists do not contain the same number of values');
expected: 'url("https://example.com/to")',
}, 'A custom property of type <image>+ yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<integer>#",
from: '100, 200',
to: '300',
}, 'A custom property of type <integer># does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300',
}, 'A custom property of type <integer># yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<integer>+",
from: '100 200',
to: '300',
}, 'A custom property of type <integer>+ does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300',
}, 'A custom property of type <integer>+ yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<length-percentage>#",
from: '100px, 200px',
to: '300%',
}, 'A custom property of type <length-percentage># does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300%',
}, 'A custom property of type <length-percentage># yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<length-percentage>+",
from: '100px 200px',
to: '300%',
}, 'A custom property of type <length-percentage>+ does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300%',
}, 'A custom property of type <length-percentage>+ yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<length>#",
from: '100px, 200px',
to: '300px',
}, 'A custom property of type <length># does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300px',
}, 'A custom property of type <length># yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<length>+",
from: '100px 200px',
to: '300px',
}, 'A custom property of type <length>+ does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300px',
}, 'A custom property of type <length>+ yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<number>#",
from: '100, 200',
to: '300',
}, 'A custom property of type <number># does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300',
}, 'A custom property of type <number># yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<number>+",
from: '100 200',
to: '300',
}, 'A custom property of type <number>+ does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300',
}, 'A custom property of type <number>+ yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<percentage>#",
from: '100%, 200%',
to: '300%',
}, 'A custom property of type <percentage># does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300%',
}, 'A custom property of type <percentage># yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<percentage>+",
from: '100% 200%',
to: '300%',
}, 'A custom property of type <percentage>+ does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300%',
}, 'A custom property of type <percentage>+ yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<resolution>#",
from: '100dppx, 200dppx',
to: '300dppx',
}, 'A custom property of type <resolution># does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300dppx',
}, 'A custom property of type <resolution># yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<resolution>+",
from: '100dppx 200dppx',
to: '300dppx',
}, 'A custom property of type <resolution>+ does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300dppx',
}, 'A custom property of type <resolution>+ yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<time>#",
from: '100s, 200s',
to: '300s',
}, 'A custom property of type <time># does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300s',
}, 'A custom property of type <time># yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<time>+",
from: '100s 200s',
to: '300s',
}, 'A custom property of type <time>+ does not yield a CSS Transition if the lists do not contain the same number of values');
expected: '300s',
}, 'A custom property of type <time>+ yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<url>#",
from: 'url("https://example.com/foo"), url("https://example.com/bar")',
to: 'url("https://example.com/to")',
}, 'A custom property of type <url># does not yield a CSS Transition if the lists do not contain the same number of values');
expected: 'url("https://example.com/to")',
}, 'A custom property of type <url># yields a discrete CSS Transition if the lists do not contain the same number of values');
no_transition_test({
transition_test({
syntax: "<url>+",
from: 'url("https://example.com/foo") url("https://example.com/bar")',
to: 'url("https://example.com/to")',
}, 'A custom property of type <url>+ does not yield a CSS Transition if the lists do not contain the same number of values');
expected: 'url("https://example.com/to")',
}, 'A custom property of type <url>+ yields a discrete CSS Transition if the lists do not contain the same number of values');
</script>

5
tests/wpt/web-platform-tests/css/css-properties-values-api/animation/custom-property-transition-url.html
View file

@ -6,10 +6,11 @@
<div id="target"></div>
<script>
no_transition_test({
transition_test({
syntax: "<url>",
from: 'url("https://example.com/from")',
to: 'url("https://example.com/to")',
}, 'A custom property of type <url> cannot yield a CSS Transition');
expected: 'url("https://example.com/to")',
}, 'A custom property of type <url> can yield a discrete CSS Transition');
</script>

6
tests/wpt/web-platform-tests/css/css-properties-values-api/resources/utils.js
View file

@ -195,10 +195,12 @@ function transition_test(options, description) {
assert_equals(getComputedStyle(target).getPropertyValue(customProperty), options.from, "Element has the expected initial value");
const transitionEventPromise = new Promise(resolve => {
target.addEventListener("transitionrun", event => {
let listener = event => {
target.removeEventListener("transitionrun", listener);
assert_equals(event.propertyName, customProperty, "TransitionEvent has the expected property name");
resolve();
});
};
target.addEventListener("transitionrun", listener);
});
target.style.transition = `${options.transitionProperty} 1s -500ms linear`;