Google Git
Sign in
chromium / external / w3c / web-platform-tests / refs/tags/merge_pr_37599 / . / css / css-properties-values-api / animation / custom-property-transition-mismatched-list.html
blob: 7796e36a2e38f6074113dff3e20498b33ecf8c7a [file] [log] [blame]
<!DOCTYPE html>
<link rel="help" href="https://drafts.css-houdini.org/css-properties-values-api-1">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../resources/utils.js"></script>
<div id="target"></div>
<script>
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
no_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');
</script>