| Index: LayoutTests/transitions/transition-currentcolor.html
|
| diff --git a/LayoutTests/transitions/transition-currentcolor.html b/LayoutTests/transitions/transition-currentcolor.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..1a67741c9142f6afb74db8605cdb43c7c8e43131
|
| --- /dev/null
|
| +++ b/LayoutTests/transitions/transition-currentcolor.html
|
| @@ -0,0 +1,27 @@
|
| +<!DOCTYPE html>
|
| +<script src="../resources/testharness.js"></script>
|
| +<script src="../resources/testharnessreport.js"></script>
|
| +<style>
|
| +div {
|
| + border-left-color: currentColor;
|
| + border-top-color: initial;
|
| + transition: 100s;
|
| +}
|
| +</style>
|
| +<div id="target1"></div>
|
| +<div id="target2"></div>
|
| +<script>
|
| +var test1 = async_test("A property set to currentColor shouldn't transition when color changes");
|
| +var test2 = async_test("A property set should transition from currentColor to an explicit color");
|
| +requestAnimationFrame(function() {
|
| + target1.style.color = "orange";
|
| + target2.style.borderLeftColor = "orange";
|
| + requestAnimationFrame(function() {
|
| + // Only 'color' should transition
|
| + test1.step(function() { assert_equals(target1.getAnimationPlayers().length, 1); });
|
| + test2.step(function() { assert_equals(target2.getAnimationPlayers().length, 1); });
|
| + test1.done();
|
| + test2.done();
|
| + });
|
| +});
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 552683002:
Don't transition a property that is currentColor when color changes (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@cc