Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(76)

Unified Diff: third_party/WebKit/LayoutTests/animations/custom-properties/unregistered-var-in-keyframe.html

Issue 2521103004: Revert of Apply custom property animation (Closed)
Patch Set: Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/animations/custom-properties/unregistered-var-in-keyframe.html
diff --git a/third_party/WebKit/LayoutTests/animations/custom-properties/unregistered-var-in-keyframe.html b/third_party/WebKit/LayoutTests/animations/custom-properties/unregistered-var-in-keyframe.html
deleted file mode 100644
index 16430e5e738b5b82c285498e495c918c2c3176fc..0000000000000000000000000000000000000000
--- a/third_party/WebKit/LayoutTests/animations/custom-properties/unregistered-var-in-keyframe.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<script src="../../resources/testharness.js"></script>
-<script src="../../resources/testharnessreport.js"></script>
-<style>
-@keyframes custom-property-animation {
- from { --from: blue; --to: cyan; }
- to { --from: green; --to: lime; }
-}
-@keyframes standard-property-animation {
- from { background-color: var(--from); }
- to { background-color: var(--to); }
-}
-div {
- --from: red;
- --to: red;
- animation-name: standard-property-animation, custom-property-animation;
- animation-duration: 10s;
- animation-timing-function: linear;
-}
-#targetA {
- animation-delay: -2.5s;
-}
-#targetB {
- animation-delay: -7.5s;
-}
-</style>
-<div id="targetA"></div>
-<div id="targetB"></div>
-<script>
-test(() => {
- assert_equals(getComputedStyle(targetA).getPropertyValue('--from'), ' blue');
- assert_equals(getComputedStyle(targetA).getPropertyValue('--to'), ' cyan');
- assert_equals(getComputedStyle(targetB).getPropertyValue('--from'), ' green');
- assert_equals(getComputedStyle(targetB).getPropertyValue('--to'), ' lime');
-}, 'CSS Animations on custom properties should be applied');
-
-test(() => {
- assert_equals(getComputedStyle(targetA).backgroundColor, 'rgb(0, 64, 255)');
- assert_equals(getComputedStyle(targetB).backgroundColor, 'rgb(0, 223, 0)');
-}, 'CSS Animations on custom properties should be reflected in var() references in animation keyframes');
-</script>

Powered by Google App Engine
This is Rietveld 408576698