Shard animations/animations-parsing.html

The test has taken more than ten seconds to run in recent debug builds. We shard the test to avoid flakes, for example when running under virtual/threaded. BUG=757868 Change-Id: I0ca84820bafb5be00c3f39a0aa4dc95d45134be2 Reviewed-on: https://chromium-review.googlesource.com/722480Reviewed-by: Bugs Nash <bugsnash@chromium.org> Commit-Queue: Eric Willigers <ericwilligers@chromium.org> Cr-Commit-Position: refs/heads/master@{#510271}

Shard animations/animations-parsing.html
The test has taken more than ten seconds to run in recent debug builds. We shard the test to avoid flakes, for example when running under virtual/threaded. BUG=757868 Change-Id: I0ca84820bafb5be00c3f39a0aa4dc95d45134be2 Reviewed-on: https://chromium-review.googlesource.com/722480Reviewed-by: Bugs Nash <bugsnash@chromium.org> Commit-Queue: Eric Willigers <ericwilligers@chromium.org> Cr-Commit-Position: refs/heads/master@{#510271}
69eba886 · Eric Willigers · Commit Bot · 140f8ce0 · 69eba886 · 69eba886
Commit 69eba886 authored Oct 20, 2017 by Eric Willigers Committed by Commit Bot Oct 20, 2017
6 changed files
--- a/third_party/WebKit/LayoutTests/TestExpectations
+++ b/third_party/WebKit/LayoutTests/TestExpectations
@@ -3377,8 +3377,6 @@ crbug.com/686118 virtual/mojo-loading/http/tests/security/contentSecurityPolicy/
 crbug.com/686118 http/tests/security/contentSecurityPolicy/register-bypassing-scheme-script.https.html [ Pass Crash ]
 crbug.com/686118 virtual/mojo-loading/http/tests/security/contentSecurityPolicy/register-bypassing-scheme-script.https.html [ Pass Crash ]

-crbug.com/757868 [ Linux ] virtual/threaded/animations/animations-parsing.html [ Pass Failure ]
-
 # Tests currently failing on Windows when run on Swarming
 crbug.com/757165 [ Win ] compositing/culling/filter-occlusion-blur.html [ Skip ]
 crbug.com/757165 [ Win ] css3/blending/mix-blend-mode-with-filters.html [ Skip ]

--- a/third_party/WebKit/LayoutTests/animations/animations-parsing-001.html
+++ b/third_party/WebKit/LayoutTests/animations/animations-parsing-001.html
+<!DOCTYPE html>
+<html>
+<head>
+<script src="../resources/testharness.js"></script>
+<script src="../resources/testharnessreport.js"></script>
+</head>
+<body>
+<div>
+  <div style="width:500px;height:500px"><div id="test">hello</div></div>
+</div>
+<script>
+'use strict';
+// Test the parsing and the computed style values of the animations properties.
+
+var e = document.getElementById('test');
+var style = e.style;
+var computedStyle = window.getComputedStyle(e, null);
+
+test(() => {
+  // Test initial value.
+  assert_equals(computedStyle.animationName, 'none');
+  assert_equals(computedStyle.webkitAnimationName, 'none');
+
+  style.animationName = "none";
+  assert_not_equals(Object.keys(style).indexOf('animationName'), -1);
+  assert_equals(Object.keys(style).indexOf('webkitAnimationName'), -1);
+  assert_equals(style.animationName, 'none');
+  assert_equals(computedStyle.animationName, 'none');
+  assert_equals(style.webkitAnimationName, 'none');
+  assert_equals(computedStyle.webkitAnimationName, 'none');
+
+  style.animationName = "none, none";
+  assert_equals(style.animationName, 'none, none');
+  assert_equals(computedStyle.animationName, 'none, none');
+  assert_equals(style.webkitAnimationName, 'none, none');
+  assert_equals(computedStyle.webkitAnimationName, 'none, none');
+
+  style.animationName = "myAnim";
+  assert_equals(style.animationName, 'myAnim');
+  assert_equals(computedStyle.animationName, 'myAnim');
+  assert_equals(style.webkitAnimationName, 'myAnim');
+  assert_equals(computedStyle.webkitAnimationName, 'myAnim');
+
+  style.animationName = "background-position, font-size";
+  assert_equals(style.animationName, 'background-position, font-size');
+  assert_equals(computedStyle.animationName, 'background-position, font-size');
+  assert_equals(style.webkitAnimationName, 'background-position, font-size');
+  assert_equals(computedStyle.webkitAnimationName, 'background-position, font-size');
+
+  style.animationName = "background-position, font-size, color";
+  assert_equals(style.animationName, 'background-position, font-size, color');
+  assert_equals(computedStyle.animationName, 'background-position, font-size, color');
+  assert_equals(style.webkitAnimationName, 'background-position, font-size, color');
+  assert_equals(computedStyle.webkitAnimationName, 'background-position, font-size, color');
+
+  style.animationName = "all, font-size, color";
+  assert_equals(style.animationName, 'all, font-size, color');
+  assert_equals(computedStyle.animationName, 'all, font-size, color');
+  assert_equals(style.webkitAnimationName, 'all, font-size, color');
+  assert_equals(computedStyle.webkitAnimationName, 'all, font-size, color');
+
+  style.animationName = "inherit";
+  assert_equals(style.animationName, 'inherit');
+  assert_equals(computedStyle.animationName, 'none');
+  assert_equals(style.webkitAnimationName, 'inherit');
+  assert_equals(computedStyle.webkitAnimationName, 'none');
+
+  style.animationName = "initial";
+  assert_equals(style.animationName, 'initial');
+  assert_equals(computedStyle.animationName, 'none');
+  assert_equals(style.webkitAnimationName, 'initial');
+  assert_equals(computedStyle.webkitAnimationName, 'none');
+}, "Valid animation-name values.");
+
+test(() => {
+  style.animationName = "";
+
+  style.animationName = "0";
+  assert_equals(style.animationName, '');
+  assert_equals(computedStyle.animationName, 'none');
+  assert_equals(style.webkitAnimationName, '');
+  assert_equals(computedStyle.webkitAnimationName, 'none');
+
+  style.animationName = "all none";
+  assert_equals(style.animationName, '');
+  assert_equals(computedStyle.animationName, 'none');
+  assert_equals(style.webkitAnimationName, '');
+  assert_equals(computedStyle.webkitAnimationName, 'none');
+
+  style.animationName = "opacity width";
+  assert_equals(style.animationName, '');
+  assert_equals(computedStyle.animationName, 'none');
+  assert_equals(style.webkitAnimationName, '');
+  assert_equals(computedStyle.webkitAnimationName, 'none');
+
+  style.animationName = "";
+}, "Invalid animation-name values.");
+
+test(() => {
+  // Test initial value.
+  assert_equals(computedStyle.animationDuration, '0s');
+  assert_equals(computedStyle.webkitAnimationDuration, '0s');
+
+  style.animationDuration = "0s";
+  assert_not_equals(Object.keys(style).indexOf('animationDuration'), -1);
+  assert_equals(Object.keys(style).indexOf('webkitAnimationDuration'), -1);
+  assert_equals(style.animationDuration, '0s');
+  assert_equals(computedStyle.animationDuration, '0s');
+  assert_equals(style.webkitAnimationDuration, '0s');
+  assert_equals(computedStyle.webkitAnimationDuration, '0s');
+
+  style.animationDuration = "5s";
+  assert_equals(style.animationDuration, '5s');
+  assert_equals(computedStyle.animationDuration, '5s');
+  assert_equals(style.webkitAnimationDuration, '5s');
+  assert_equals(computedStyle.webkitAnimationDuration, '5s');
+
+  style.animationDuration = "10ms";
+  assert_equals(style.animationDuration, '10ms');
+  assert_equals(computedStyle.animationDuration, '0.01s');
+  assert_equals(style.webkitAnimationDuration, '10ms');
+  assert_equals(computedStyle.webkitAnimationDuration, '0.01s');
+
+  style.animationDuration = "10ms, 20s";
+  assert_equals(style.animationDuration, '10ms, 20s');
+  assert_equals(computedStyle.animationDuration, '0.01s, 20s');
+  assert_equals(style.webkitAnimationDuration, '10ms, 20s');
+  assert_equals(computedStyle.webkitAnimationDuration, '0.01s, 20s');
+}, "Valid animation-duration values.");
+
+test(() => {
+  style.animationDuration = "";
+
+  // Negative values are invalid.
+  style.animationDuration = "-10ms";
+  assert_equals(style.animationDuration, '');
+  assert_equals(computedStyle.animationDuration, '0s');
+  assert_equals(style.webkitAnimationDuration, '');
+  assert_equals(computedStyle.webkitAnimationDuration, '0s');
+
+  style.animationDuration = "'5ms'";
+  assert_equals(style.animationDuration, '');
+  assert_equals(computedStyle.animationDuration, '0s');
+  assert_equals(style.webkitAnimationDuration, '');
+  assert_equals(computedStyle.webkitAnimationDuration, '0s');
+
+  style.animationDuration = "30px";
+  assert_equals(style.animationDuration, '');
+  assert_equals(computedStyle.animationDuration, '0s');
+  assert_equals(style.webkitAnimationDuration, '');
+  assert_equals(computedStyle.webkitAnimationDuration, '0s');
+
+  style.animationDuration = "solid";
+  assert_equals(style.animationDuration, '');
+  assert_equals(computedStyle.animationDuration, '0s');
+  assert_equals(style.webkitAnimationDuration, '');
+  assert_equals(computedStyle.webkitAnimationDuration, '0s');
+
+  style.animationDuration = "20";
+  assert_equals(style.animationDuration, '');
+  assert_equals(computedStyle.animationDuration, '0s');
+  assert_equals(style.webkitAnimationDuration, '');
+  assert_equals(computedStyle.webkitAnimationDuration, '0s');
+
+  style.animationDuration = "20%";
+  assert_equals(style.animationDuration, '');
+  assert_equals(computedStyle.animationDuration, '0s');
+  assert_equals(style.webkitAnimationDuration, '');
+  assert_equals(computedStyle.webkitAnimationDuration, '0s');
+
+  style.animationDuration = "0s, 20px";
+  assert_equals(style.animationDuration, '');
+  assert_equals(computedStyle.animationDuration, '0s');
+  assert_equals(style.webkitAnimationDuration, '');
+  assert_equals(computedStyle.webkitAnimationDuration, '0s');
+}, "Invalid animation-duration values.");
+</script>
+</body>
+</html>
--- a/third_party/WebKit/LayoutTests/animations/animations-parsing-002.html
+++ b/third_party/WebKit/LayoutTests/animations/animations-parsing-002.html
--- a/third_party/WebKit/LayoutTests/animations/animations-parsing-003.html
+++ b/third_party/WebKit/LayoutTests/animations/animations-parsing-003.html
+<!DOCTYPE html>
+<html>
+<head>
+<script src="../resources/testharness.js"></script>
+<script src="../resources/testharnessreport.js"></script>
+</head>
+<body>
+<div>
+  <div style="width:500px;height:500px"><div id="test">hello</div></div>
+</div>
+<script>
+'use strict';
+// Test the parsing and the computed style values of the animations properties.
+
+var e = document.getElementById('test');
+var style = e.style;
+var computedStyle = window.getComputedStyle(e, null);
+
+test(() => {
+  // Test initial value.
+  assert_equals(computedStyle.animationDelay, '0s');
+  assert_equals(computedStyle.webkitAnimationDelay, '0s');
+
+  style.animationDelay = "0s";
+  assert_not_equals(Object.keys(style).indexOf('animationDelay'), -1);
+  assert_equals(Object.keys(style).indexOf('webkitAnimationDelay'), -1);
+  assert_equals(style.animationDelay, '0s');
+  assert_equals(computedStyle.animationDelay, '0s');
+  assert_equals(style.webkitAnimationDelay, '0s');
+  assert_equals(computedStyle.webkitAnimationDelay, '0s');
+
+  style.animationDelay = "5s";
+  assert_equals(style.animationDelay, '5s');
+  assert_equals(computedStyle.animationDelay, '5s');
+  assert_equals(style.webkitAnimationDelay, '5s');
+  assert_equals(computedStyle.webkitAnimationDelay, '5s');
+
+  style.animationDelay = "10ms";
+  assert_equals(style.animationDelay, '10ms');
+  assert_equals(computedStyle.animationDelay, '0.01s');
+  assert_equals(style.webkitAnimationDelay, '10ms');
+  assert_equals(computedStyle.webkitAnimationDelay, '0.01s');
+
+  style.animationDelay = "-10ms";
+  assert_equals(style.animationDelay, '-10ms');
+  assert_equals(computedStyle.animationDelay, '-0.01s');
+  assert_equals(style.webkitAnimationDelay, '-10ms');
+  assert_equals(computedStyle.webkitAnimationDelay, '-0.01s');
+
+  style.transitionProperty = "opacity, width";
+
+  style.animationDelay = "-10ms, 20s";
+  assert_equals(style.animationDelay, '-10ms, 20s');
+  assert_equals(computedStyle.animationDelay, '-0.01s, 20s');
+  assert_equals(style.webkitAnimationDelay, '-10ms, 20s');
+  assert_equals(computedStyle.webkitAnimationDelay, '-0.01s, 20s');
+}, "Valid animation-delay values.");
+
+test(() => {
+  style.transitionProperty = "opacity";
+  style.animationDelay = "";
+
+  style.animationDelay = "'5ms'";
+  assert_equals(style.animationDelay, '');
+  assert_equals(computedStyle.animationDelay, '0s');
+  assert_equals(style.webkitAnimationDelay, '');
+  assert_equals(computedStyle.webkitAnimationDelay, '0s');
+
+  style.animationDelay = "30px";
+  assert_equals(style.animationDelay, '');
+  assert_equals(computedStyle.animationDelay, '0s');
+  assert_equals(style.webkitAnimationDelay, '');
+  assert_equals(computedStyle.webkitAnimationDelay, '0s');
+
+  style.animationDelay = "solid";
+  assert_equals(style.animationDelay, '');
+  assert_equals(computedStyle.animationDelay, '0s');
+  assert_equals(style.webkitAnimationDelay, '');
+  assert_equals(computedStyle.webkitAnimationDelay, '0s');
+
+  style.animationDelay = "20";
+  assert_equals(style.animationDelay, '');
+  assert_equals(computedStyle.animationDelay, '0s');
+  assert_equals(style.webkitAnimationDelay, '');
+  assert_equals(computedStyle.webkitAnimationDelay, '0s');
+
+  style.animationDelay = "20%";
+  assert_equals(style.animationDelay, '');
+  assert_equals(computedStyle.animationDelay, '0s');
+  assert_equals(style.webkitAnimationDelay, '');
+  assert_equals(computedStyle.webkitAnimationDelay, '0s');
+
+  style.animationDelay = "0s, 20px";
+  assert_equals(style.animationDelay, '');
+  assert_equals(computedStyle.animationDelay, '0s');
+  assert_equals(style.webkitAnimationDelay, '');
+  assert_equals(computedStyle.webkitAnimationDelay, '0s');
+}, "Invalid animation-delay values.");
+
+test(() => {
+  // Test initial value.
+  assert_equals(computedStyle.animationIterationCount, '1');
+  assert_equals(computedStyle.webkitAnimationIterationCount, '1');
+
+  style.animationIterationCount = "4";
+  assert_not_equals(Object.keys(style).indexOf('animationIterationCount'), -1);
+  assert_equals(Object.keys(style).indexOf('webkitAnimationIterationCount'), -1);
+  assert_equals(style.animationIterationCount, '4');
+  assert_equals(computedStyle.animationIterationCount, '4');
+  assert_equals(style.webkitAnimationIterationCount, '4');
+  assert_equals(computedStyle.webkitAnimationIterationCount, '4');
+
+  style.animationIterationCount = "2.5";
+  assert_equals(style.animationIterationCount, '2.5');
+  assert_equals(computedStyle.animationIterationCount, '2.5');
+  assert_equals(style.webkitAnimationIterationCount, '2.5');
+  assert_equals(computedStyle.webkitAnimationIterationCount, '2.5');
+
+  style.animationIterationCount = "infinite";
+  assert_equals(style.animationIterationCount, 'infinite');
+  assert_equals(computedStyle.animationIterationCount, 'infinite');
+  assert_equals(style.webkitAnimationIterationCount, 'infinite');
+  assert_equals(computedStyle.webkitAnimationIterationCount, 'infinite');
+
+  style.animationIterationCount = "infinite, 3";
+  assert_equals(style.animationIterationCount, 'infinite, 3');
+  assert_equals(computedStyle.animationIterationCount, 'infinite, 3');
+  assert_equals(style.webkitAnimationIterationCount, 'infinite, 3');
+  assert_equals(computedStyle.webkitAnimationIterationCount, 'infinite, 3');
+
+  style.animationIterationCount = "0";
+  assert_equals(style.animationIterationCount, '0');
+  assert_equals(computedStyle.animationIterationCount, '0');
+  assert_equals(style.webkitAnimationIterationCount, '0');
+  assert_equals(computedStyle.webkitAnimationIterationCount, '0');
+
+  style.animationIterationCount = "infinite, infinite";
+  assert_equals(style.animationIterationCount, 'infinite, infinite');
+  assert_equals(computedStyle.animationIterationCount, 'infinite, infinite');
+  assert_equals(style.webkitAnimationIterationCount, 'infinite, infinite');
+  assert_equals(computedStyle.webkitAnimationIterationCount, 'infinite, infinite');
+}, "Valid animation-iteration-count values.");
+
+test(() => {
+  style.animationIterationCount = "";
+
+  style.animationIterationCount = "none";
+  assert_equals(style.animationIterationCount, '');
+  assert_equals(computedStyle.animationIterationCount, '1');
+  assert_equals(style.webkitAnimationIterationCount, '');
+  assert_equals(computedStyle.webkitAnimationIterationCount, '1');
+
+  style.animationIterationCount = "-3";
+  assert_equals(style.animationIterationCount, '');
+  assert_equals(computedStyle.animationIterationCount, '1');
+  assert_equals(style.webkitAnimationIterationCount, '');
+  assert_equals(computedStyle.webkitAnimationIterationCount, '1');
+
+  style.animationIterationCount = "infinite, -3";
+  assert_equals(style.animationIterationCount, '');
+  assert_equals(computedStyle.animationIterationCount, '1');
+  assert_equals(style.webkitAnimationIterationCount, '');
+  assert_equals(computedStyle.webkitAnimationIterationCount, '1');
+
+  style.animationIterationCount = "solid";
+  assert_equals(style.animationIterationCount, '');
+  assert_equals(computedStyle.animationIterationCount, '1');
+  assert_equals(style.webkitAnimationIterationCount, '');
+  assert_equals(computedStyle.webkitAnimationIterationCount, '1');
+
+  style.animationIterationCount = "-1, infinite";
+  assert_equals(style.animationIterationCount, '');
+  assert_equals(computedStyle.animationIterationCount, '1');
+  assert_equals(style.webkitAnimationIterationCount, '');
+  assert_equals(computedStyle.webkitAnimationIterationCount, '1');
+
+  style.animationIterationCount = "-1, 3";
+  assert_equals(style.animationIterationCount, '');
+  assert_equals(computedStyle.animationIterationCount, '1');
+  assert_equals(style.webkitAnimationIterationCount, '');
+  assert_equals(computedStyle.webkitAnimationIterationCount, '1');
+}, "Invalid animation-iteration-count values.");
+</script>
+</body>
+</html>
--- a/third_party/WebKit/LayoutTests/animations/animations-parsing-004.html
+++ b/third_party/WebKit/LayoutTests/animations/animations-parsing-004.html
--- a/third_party/WebKit/LayoutTests/animations/animations-parsing.html
+++ b/third_party/WebKit/LayoutTests/animations/animations-parsing.html