Skip to content

Commit

Permalink
CSSTransitionDiscrete: Add tests part 5
Browse files Browse the repository at this point in the history
Bug: 1399631
Change-Id: I5dcd86199053d0408060106d50f87579b480ff01
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4376070
Commit-Queue: Joey Arhar <jarhar@chromium.org>
Reviewed-by: David Baron <dbaron@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1131523}
  • Loading branch information
josepharhar authored and chromium-wpt-export-bot committed Apr 17, 2023
1 parent 047d587 commit bc619c7
Show file tree
Hide file tree
Showing 14 changed files with 232 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://drafts.fxtf.org/compositing/#isolation">
<link rel=help href="https://drafts.csswg.org/css-transitions-2/#transition-property-property">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>

<body>
<script>
test_no_interpolation({
property: 'isolation',
from: 'initial',
to: 'isolate'
});
</script>
24 changes: 24 additions & 0 deletions css/css-align/animation/justify-no-interpolation.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-align/#justify-items-property">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-align/#justify-self-property">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<link rel=help href="https://drafts.csswg.org/css-transitions-2/#transition-property-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>

<body>
<script>
test_no_interpolation({
property: 'justify-items',
from: 'initial',
to: 'baseline'
});

test_no_interpolation({
property: 'justify-self',
from: 'initial',
to: 'baseline'
});
</script>
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-color-adjust/#color-scheme-prop">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-color-adjust/#forced-color-adjust-prop">
<link rel=help href="https://drafts.csswg.org/css-transitions-2/#transition-property-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>

<body>
<script>
test_no_interpolation({
property: 'forced-color-adjust',
from: 'initial',
to: 'none'
});
</script>
62 changes: 62 additions & 0 deletions css/css-grid/animation/grid-no-interpolation.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<link rel=help href="https://drafts.csswg.org/css-transitions-2/#transition-property-property">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-grid/#auto-tracks">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-grid/#grid-auto-flow-property">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-grid/#line-placement">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-grid/#propdef-grid-template-areas">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>

<body>
<script>
test_no_interpolation({
property: 'grid-auto-columns',
from: 'initial',
to: '123px'
});

test_no_interpolation({
property: 'grid-auto-flow',
from: 'initial',
to: 'column'
});

test_no_interpolation({
property: 'grid-auto-rows',
from: 'initial',
to: '123px'
});

test_no_interpolation({
property: 'grid-column-end',
from: 'initial',
to: '123'
});

test_no_interpolation({
property: 'grid-column-start',
from: 'initial',
to: '123'
});

test_no_interpolation({
property: 'grid-row-end',
from: 'initial',
to: '123'
});

test_no_interpolation({
property: 'grid-row-start',
from: 'initial',
to: '123'
});

test_no_interpolation({
property: 'grid-template-areas',
from: 'initial',
to: '"."'
});
</script>
24 changes: 24 additions & 0 deletions css/css-images/animation/image-no-interpolation.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<link rel=help href="https://drafts.csswg.org/css-transitions-2/#transition-property-property">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-images/#the-image-rendering">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-images/#the-image-orientation">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>

<body>
<script>
test_no_interpolation({
property: 'image-orientation',
from: 'initial',
to: 'none'
});

test_no_interpolation({
property: 'image-rendering',
from: 'initial',
to: 'pixelated'
});
</script>
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<link rel=help href="https://drafts.csswg.org/css-transitions-2/#transition-property-property">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-inline/#alignment-baseline-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<link rel=help href="https://drafts.csswg.org/css-transitions-2/#transition-property-property">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-inline/#dominant-baseline-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>
Expand Down
17 changes: 17 additions & 0 deletions css/css-inline/initial-letter-no-interoplation.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<link rel=help href="https://drafts.csswg.org/css-transitions-2/#transition-property-property">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-inline/#sizing-drop-initials">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>

<body>
<script>
test_no_interpolation({
property: 'initial-letter',
from: 'initial',
to: '123'
});
</script>
18 changes: 18 additions & 0 deletions css/css-sizing/animation/height-no-interpolation.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<link rel=help href="https://drafts.csswg.org/css-transitions-2/#transition-property-property">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-sizing/#preferred-size-properties">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>

<body>
<script>
// height is interpolable, but height:auto is not.
test_no_interpolation({
property: 'height',
from: '0px',
to: 'auto'
});
</script>
31 changes: 31 additions & 0 deletions css/css-text/animations/hyphen-no-interpolation.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-text-4/#propdef-hyphenate-character">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-text-4/#propdef-hyphenate-limit-chars">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-text/#hyphens-property">
<link rel=help href="https://drafts.csswg.org/css-transitions-2/#transition-property-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>

<body>
<script>
test_no_interpolation({
property: 'hyphenate-character',
from: 'initial',
to: '"e"'
});

test_no_interpolation({
property: 'hyphenate-limit-chars',
from: 'initial',
to: '10'
});

test_no_interpolation({
property: 'hyphens',
from: 'initial',
to: 'auto'
});
</script>
17 changes: 17 additions & 0 deletions css/css-text/animations/line-break-no-interpolation.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/4441">
<link rel=help href="https://w3c.github.io/csswg-drafts/css-text/#line-break-property">
<link rel=help href="https://drafts.csswg.org/css-transitions-2/#transition-property-property">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/interpolation-testcommon.js"></script>

<body>
<script>
test_no_interpolation({
property: 'line-break',
from: 'initial',
to: 'anywhere'
});
</script>

0 comments on commit bc619c7

Please sign in to comment.