third_party/WebKit/LayoutTests/animations/keyframes-rule-expected.txt

   1 This tests the CSSKeyframeRule and CSSKeyframesRule interfaces.
   2
   3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
   4
   5
   6 Constants
   7 PASS CSSKeyframeRule exists on Window object
   8 PASS CSSKeyframesRule exists on Window object
   9 PASS WEBKIT_KEYFRAME_RULE exists on Window.CSSRule object
  10 PASS WEBKIT_KEYFRAMES_RULE exists on Window.CSSRule object
  11 PASS KEYFRAME_RULE exists on Window.CSSRule object
  12 PASS KEYFRAMES_RULE exists on Window.CSSRule object
  13
  14 Basic queries
  15 PASS keyframes1.type is window.CSSRule.WEBKIT_KEYFRAMES_RULE
  16 PASS keyframes1.name is 'test1'
  17 PASS rules1.length is 2
  18 PASS rules1.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE
  19 PASS rules1.item(0).cssText is '0% { left: 10px; }'
  20 PASS rules1.item(1).cssText is '100% { left: 20px; }'
  21
  22 Insert new rules
  23 PASS rules1.length is 5
  24 PASS rules1.item(0).cssText is '0% { left: 10px; }'
  25 PASS rules1.item(1).cssText is '100% { left: 20px; }'
  26 PASS rules1.item(2).cssText is '30% { left: 30px; }'
  27 PASS rules1.item(3).cssText is '60% { left: 60px; }'
  28 PASS rules1.item(4).cssText is '20% { left: 50px; }'
  29
  30 Insert invalid rules
  31 PASS rules2.length is 6
  32 PASS rules2.item(5).cssText is '10% { left: 30px; }'
  33
  34 Keys
  35 PASS keyframes3.type is window.CSSRule.WEBKIT_KEYFRAMES_RULE
  36 PASS keyframes3.name is 'test3'
  37 PASS rules3.length is 3
  38 PASS rules3.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE
  39 PASS rules3.item(0).keyText is '0%'
  40 PASS rules3.item(1).keyText is '50%,60%'
  41 PASS rules3.item(2).keyText is '90%,100%'
  42 PASS rules3.item(0).cssText is '0% { left: 10px; }'
  43 PASS rules3.item(1).cssText is '50%,60% { left: 30px; }'
  44 PASS rules3.item(2).cssText is '90%,100% { left: 20px; }'
  45
  46 Find a rule
  47 PASS rules3.item(0).style is an instance of CSSStyleDeclaration
  48 PASS rules3.item(0).style.length is 1
  49 PASS rule.type is window.CSSRule.WEBKIT_KEYFRAME_RULE
  50 PASS rule.cssText is '0% { left: 10px; }'
  51
  52 Find a rule with multiple key values
  53 PASS rule.type is window.CSSRule.WEBKIT_KEYFRAME_RULE
  54 PASS rule.cssText is '50%,60% { left: 30px; }'
  55
  56 Find a rule using from and to
  57 PASS keyframes4.type is window.CSSRule.WEBKIT_KEYFRAMES_RULE
  58 PASS rule.type is window.CSSRule.WEBKIT_KEYFRAME_RULE
  59 PASS rule.cssText is '0% { left: 10px; }'
  60 PASS rule.type is window.CSSRule.WEBKIT_KEYFRAME_RULE
  61 PASS rule.cssText is '100% { left: 20px; }'
  62
  63 Try to find a rule that doesn't exist
  64 PASS Non-existent rule was not found
  65
  66 Delete a rule
  67 PASS rules5.length is 2
  68 PASS rules5.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE
  69 PASS rules5.item(0).keyText is '0%'
  70 PASS rules5.item(1).keyText is '90%,100%'
  71
  72 Delete a from rule
  73 PASS rules6.length is 2
  74 PASS rules6.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE
  75 PASS rules6.item(0).keyText is '50%'
  76 PASS rules6.item(1).keyText is '100%'
  77
  78 Delete a rule that doesn't exist
  79 PASS rules7.length is 2
  80 PASS rules7.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE
  81 PASS rules7.item(0).keyText is '0%'
  82 PASS rules7.item(1).keyText is '90%,100%'
  83
  84 Set a keyframe key
  85 PASS rules8.length is 2
  86 PASS rules8.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE
  87 PASS rules8.item(0).keyText is '70%'
  88 PASS rules8.item(1).keyText is '90%,100%'
  89
  90 Set a keyframe key with 'from'
  91 PASS rules9.length is 2
  92 PASS rules9.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE
  93 PASS rules9.item(0).keyText is '0%'
  94 PASS rules9.item(1).keyText is '90%,100%'
  95
  96 Set a keyframe key with multiple values
  97 PASS rules10.length is 2
  98 PASS rules10.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE
  99 PASS rules10.item(0).keyText is '0%,10%,0%,20%,30%,100%'
 100 PASS rules10.item(1).keyText is '90%,100%'
 101
 102 Set a keyframe key with an out-of-range value
 103 PASS rules11.item(0).keyText = "40%, -50%, 60%"; threw exception SyntaxError: Failed to set the 'keyText' property on 'CSSKeyframeRule': The key '40%, -50%, 60%' is invalid and cannot be parsed.
 104 PASS rules11.length is 2
 105 PASS rules11.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE
 106 PASS rules11.item(0).keyText is '0%'
 107 PASS rules11.item(1).keyText is '90%,100%'
 108
 109 Set a keyframe key with an invalid value
 110 PASS rules12.item(0).keyText = "foo"; threw exception SyntaxError: Failed to set the 'keyText' property on 'CSSKeyframeRule': The key 'foo' is invalid and cannot be parsed.
 111 PASS rules12.length is 2
 112 PASS rules12.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE
 113 PASS rules12.item(0).keyText is '0%'
 114 PASS rules12.item(1).keyText is '90%,100%'
 115
 116 Set a keyframe key with a null value
 117 PASS rules13.item(0).keyText = null; threw exception SyntaxError: Failed to set the 'keyText' property on 'CSSKeyframeRule': The key 'null' is invalid and cannot be parsed.
 118 PASS rules13.length is 2
 119 PASS rules13.item(0).type is window.CSSRule.WEBKIT_KEYFRAME_RULE
 120 PASS rules13.item(0).keyText is '0%'
 121 PASS rules13.item(1).keyText is '90%,100%'
 122 PASS successfullyParsed is true
 123
 124 TEST COMPLETE
 125