third_party/WebKit/LayoutTests/svg/animations/script-tests/change-css-property-while-animating-fill-remove.js

   1 description("This tests scripting a CSS property while animation is running");
   2 embedSVGTestCase("resources/change-css-property-while-animating-fill-remove.svg");
   3
   4 // Setup animation test
   5 function sample1() {
   6     shouldBeCloseEnough("parseFloat(getComputedStyle(rect).opacity)", "0");
   7 }
   8
   9 function sample2() {
  10     shouldBeCloseEnough("parseFloat(getComputedStyle(rect).opacity)", "0.25");
  11     rect.setAttribute("opacity", "1");
  12 }
  13
  14 function sample3() {
  15     shouldBeCloseEnough("parseFloat(getComputedStyle(rect).opacity)", "0.25");
  16 }
  17
  18 function sample4() {
  19     shouldBeCloseEnough("parseFloat(getComputedStyle(rect).opacity)", "0.5");
  20 }
  21
  22 function sample5() {
  23     shouldBeCloseEnough("parseFloat(getComputedStyle(rect).opacity)", "1");
  24 }
  25
  26 function executeTest() {
  27     rect = rootSVGElement.ownerDocument.getElementsByTagName("rect")[0];
  28
  29     const expectedValues = [
  30         // [animationId, time, sampleCallback]
  31         ["an1", 0.0,   sample1],
  32         ["an1", 2.0,   sample2],
  33         ["an1", 2.001, sample3],
  34         ["an1", 3.999, sample4],
  35         ["an1", 4.001, sample5],
  36         ["an1", 60.0,  sample5]
  37     ];
  38
  39     runAnimationTest(expectedValues);
  40 }
  41
  42 window.animationStartsImmediately = true;
  43 var successfullyParsed = true;