third_party/WebKit/LayoutTests/animations/animations-responsive-assorted-lengths.html - Issue 2973013002: Group all responsive animation tests together

Unified Diff: third_party/WebKit/LayoutTests/animations/animations-responsive-assorted-lengths.html

Issue 2973013002: Group all responsive animation tests together (Closed)

Patch Set: Rebase Created 3 years, 5 months 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

« no previous file with comments | « third_party/WebKit/LayoutTests/SlowTests ('k') | third_party/WebKit/LayoutTests/animations/animations-responsive-backgroundPosition.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/animations/animations-responsive-assorted-lengths.html

diff --git a/third_party/WebKit/LayoutTests/animations/animations-responsive-assorted-lengths.html b/third_party/WebKit/LayoutTests/animations/animations-responsive-assorted-lengths.html

deleted file mode 100644

index 68a0bccdc396a601922b2361aa5b8606293f584e..0000000000000000000000000000000000000000

--- a/third_party/WebKit/LayoutTests/animations/animations-responsive-assorted-lengths.html

+++ /dev/null

@@ -1,102 +0,0 @@

-<!DOCTYPE html>

-<script src="../resources/testharness.js"></script>

-<script src="../resources/testharnessreport.js"></script>

-<div id='container'>

-<div id='element'></div>

-</div>

-<script>

-var element = document.getElementById('element');

-var container = document.getElementById('container');

-test(function() {

- element.style.fontSize = '10px';

- var player = element.animate([{bottom: '3em'}, {bottom: '5em'}], 10);

- player.pause();

- player.currentTime = 5;

- element.style.fontSize = '20px';

- assert_equals(getComputedStyle(element).bottom, '80px');

-}, 'bottom responsive to style changes');

-test(function() {

- element.style.fontSize = '10px';

- var player = element.animate([{height: '3em'}, {height: '5em'}], 10);

- player.pause();

- player.currentTime = 5;

- element.style.fontSize = '20px';

- assert_equals(getComputedStyle(element).height, '80px');

-}, 'height responsive to style changes');

-test(function() {

- element.style.fontSize = '10px';

- var player = element.animate([{letterSpacing: '3em'}, {letterSpacing: '5em'}], 10);

- player.pause();

- player.currentTime = 5;

- element.style.fontSize = '20px';

- assert_equals(getComputedStyle(element).letterSpacing, '80px');

-}, 'letterSpacing responsive to style changes');

-test(function() {

- var player = element.animate([{letterSpacing: 'normal'}, {letterSpacing: 'normal'}], 10);

- player.pause();

- player.currentTime = 5;

- assert_equals(getComputedStyle(element).letterSpacing, 'normal');

-}, 'letterSpacing can be normal');

-test(function() {

- element.style.fontSize = '10px';

- var player = element.animate([{marginRight: '3em'}, {marginRight: '5em'}], 10);

- player.pause();

- player.currentTime = 5;

- element.style.fontSize = '20px';

- assert_equals(getComputedStyle(element).marginRight, '80px');

-}, 'marginRight responsive to style changes');

-test(function() {

- element.style.fontSize = '10px';

- container.style.width = '300px';

- var player = element.animate([{marginRight: '3em'}, {marginRight: '50%'}], 10);

- player.pause();

- player.currentTime = 5;

- element.style.fontSize = '20px';

- container.style.width = '600px';

- assert_equals(getComputedStyle(element).marginRight, '180px');

-}, 'marginRight allows percentages');

-test(function() {

- element.style.fontSize = '10px';

- var player = element.animate([{outlineOffset: '3em'}, {outlineOffset: '5em'}], 10);

- player.pause();

- player.currentTime = 5;

- element.style.outline = 'dashed thin';

- element.style.fontSize = '20px';

- assert_equals(getComputedStyle(element).outlineOffset, '80px');

-}, 'outlineOffset responsive to style changes');

-test(function() {

- container.style.fontSize = '10px';

- var player = container.animate([{perspective: '3em'}, {perspective: '5em'}], 10);

- player.pause();

- player.currentTime = 5;

- container.style.fontSize = '20px';

- assert_equals(getComputedStyle(container).perspective, '80px');

-}, 'perspective responsive to style changes');

-test(function() {

- var player = element.animate([{perspective: 'none'}, {perspective: 'none'}], 10);

- player.pause();

- player.currentTime = 10;

- assert_equals(getComputedStyle(element).perspective, 'none');

-}, 'perspective can be none');

-test(function() {

- element.style.fontSize = '10px';

- var player = element.animate([{wordSpacing: '3em'}, {wordSpacing: '5em'}], 10);

- player.pause();

- player.currentTime = 5;

- element.style.fontSize = '20px';

- assert_equals(getComputedStyle(element).wordSpacing, '80px');

-}, 'wordSpacing responsive to style changes');

-</script>