Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(953)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-initial.html

Issue 175443005: [polymer] import all elements (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: updated from bower Created 6 years, 10 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
Download patch
« no previous file with comments | « pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-font-weight-checks.js ('k') | pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-initial-checks.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-initial.html
diff --git a/pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-initial.html b/pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-initial.html
new file mode 100644
index 0000000000000000000000000000000000000000..6b9c1c1028eb5e521a033f5aebbbe8bc2df3e717
--- /dev/null
+++ b/pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-initial.html
@@ -0,0 +1,242 @@
+<!--
+Copyright 2012 Google Inc. All Rights Reserved.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
+<!DOCTYPE html><meta charset="UTF-8">
+
+<style>
+.anim {
+ display: inline-block;
+}
+#allToInitial, #border, #borderSpacing, #padding, #table, td {
+ border-style: solid;
+}
+#outline {
+ outline-style: solid;
+ left: 20px;
+ width: 100px;
+}
+</style>
+
+<table id="allToInitial" class="anim"><tr><td>All initial.</td><td>All initial.</td></tr></table>
+<pre id="background" class="anim">background-color</pre>
+<pre id="border" class="anim">border-width
+border-radius
+border-color</pre>
+<table id="table" class="anim">
+ <tr>
+ <td>border-spacing<br>vertical-align</td>
+ <td>border-spacing<br>vertical-align</td>
+ </tr>
+</table>
+<pre id="opacity" class="anim">opacity</pre>
+<br>
+<pre id="outline" class="anim">outline</pre>
+<pre id="padding" class="anim">padding</pre>
+<pre id="transform" class="anim">transform</pre>
+<br>
+<pre id="text" class="anim">color
+font-size
+font-weight
+letter-spacing
+line-height
+text-indent
+text-shadow
+word-spacing
+word word word word</pre>
+
+<script>
+var expected_failures = {
+ '/(#background) at t=0s/' : {
+ firefox: true,
+ message: "rgb(0, 0, 0) gets converted to 'transparent' in Firefox."
+ },
+ '#background at t=1s' : {
+ firefox: true,
+ message: "FIXME: Transparency is wrong."
+ },
+ '#border at t=2s' : {
+ firefox: true,
+ message: "FIXME: Border is wrong."
+ },
+ '#transform at t=0s' : {
+ msie: true,
+ message: "'none' in IE."
+ },
+ '#transform at t=1s' : {
+ msie: true,
+ message: "Very small value floating point issue."
+ },
+ '/#(background|border) at t=(1|2)s/' : {
+ msie: true,
+ message: "IE returns rbga values."
+ },
+ '/#text at t=0s/' : {
+ msie: true,
+ message: "IE returns rbga values."
+ },
+ '/#(text|outline) at t=(1|2)s/' : {
+ msie: true,
+ message: "IE returns rbga values."
+ },
+ '/#text at t=(0|1)s/': {
+ chrome: ["31.0", "30.0"],
+ firefox: true,
+ }
+};
+</script>
+<script src="../bootstrap.js"></script>
+<script>
+"use strict";
+
+var timing = {duration: 2, fill: 'forwards'};
+
+document.timeline.play(new Animation(document.querySelector('#allToInitial'), [{
+ backgroundColor: 'initial',
+ backgroundPosition: 'initial',
+ borderBottomColor: 'initial',
+ borderBottomLeftRadius: 'initial',
+ borderBottomRightRadius: 'initial',
+ borderBottomWidth: 'initial',
+ borderLeftColor: 'initial',
+ borderLeftWidth: 'initial',
+ borderRightColor: 'initial',
+ borderRightWidth: 'initial',
+ borderSpacing: 'initial',
+ borderTopColor: 'initial',
+ borderTopLeftRadius: 'initial',
+ borderTopRightRadius: 'initial',
+ borderTopWidth: 'initial',
+ bottom: 'initial',
+ color: 'initial',
+ fontSize: 'initial',
+ fontWeight: 'initial',
+ height: 'initial',
+ left: 'initial',
+ letterSpacing: 'initial',
+ lineHeight: 'initial',
+ marginBottom: 'initial',
+ marginLeft: 'initial',
+ marginRight: 'initial',
+ marginTop: 'initial',
+ maxHeight: 'initial',
+ maxWidth: 'initial',
+ minHeight: 'initial',
+ minWidth: 'initial',
+ opacity: 'initial',
+ outlineColor: 'initial',
+ outlineOffset: 'initial',
+ outlineWidth: 'initial',
+ paddingBottom: 'initial',
+ paddingLeft: 'initial',
+ paddingRight: 'initial',
+ paddingTop: 'initial',
+ right: 'initial',
+ textIndent: 'initial',
+ textShadow: 'initial',
+ top: 'initial',
+ transform: 'initial',
+ verticalAlign: 'initial',
+ visibility: 'initial',
+ width: 'initial',
+ wordSpacing: 'initial',
+ zIndex: 'initial',
+}], timing));
+
+document.timeline.play(new Animation(document.querySelector('#background'), [{ backgroundColor: 'initial' }, { backgroundColor: 'green' }], timing));
+
+document.timeline.play(new Animation(document.querySelector('#border'), [{
+ borderBottomColor: 'initial',
+ borderBottomLeftRadius: 'initial',
+ borderBottomRightRadius: 'initial',
+ borderBottomWidth: 'initial',
+ borderLeftColor: 'initial',
+ borderLeftWidth: 'initial',
+ borderRightColor: 'initial',
+ borderRightWidth: 'initial',
+ borderTopColor: 'initial',
+ borderTopLeftRadius: 'initial',
+ borderTopRightRadius: 'initial',
+ borderTopWidth: 'initial',
+}, {
+ borderBottomColor: 'lime',
+ borderBottomLeftRadius: '50px',
+ borderBottomRightRadius: '50px',
+ borderBottomWidth: '10px',
+ borderLeftColor: 'lime',
+ borderLeftWidth: '10px',
+ borderRightColor: 'lime',
+ borderRightWidth: '10px',
+ borderTopColor: 'lime',
+ borderTopLeftRadius: '50px',
+ borderTopRightRadius: '50px',
+ borderTopWidth: '10px',
+}], timing));
+
+document.timeline.play(new Animation(document.querySelector('#table'), [{
+ borderSpacing: 'initial',
+ verticalAlign: 'initial',
+}, {
+ borderSpacing: '10px',
+ verticalAlign: '10px',
+}], timing));
+
+document.timeline.play(new Animation(document.querySelector('#opacity'), [{ opacity: 'initial' }, { opacity: '0.25' }], timing));
+
+document.timeline.play(new Animation(document.querySelector('#outline'), [{
+ outlineColor: 'initial',
+ outlineWidth: 'initial',
+ outlineOffset: 'initial',
+}, {
+ outlineColor: 'green',
+ outlineWidth: '10px',
+ outlineOffset: '10px',
+}], timing));
+
+document.timeline.play(new Animation(document.querySelector('#padding'), [{
+ paddingBottom: 'initial',
+ paddingLeft: 'initial',
+ paddingRight: 'initial',
+ paddingTop: 'initial',
+}, {
+paddingBottom: '50px',
+ paddingLeft: '50px',
+ paddingRight: '50px',
+ paddingTop: '50px',
+}], timing));
+
+document.timeline.play(new Animation(document.querySelector('#transform'), [{ transform: 'initial' }, { transform: 'rotate(360deg)' }], timing));
+
+document.timeline.play(new Animation(document.querySelector('#text'), [{
+ color: 'initial',
+ fontSize: 'initial',
+ fontWeight: 'initial',
+ letterSpacing: 'initial',
+ lineHeight: 'initial',
+ textIndent: 'initial',
+ textShadow: 'initial',
+ wordSpacing: 'initial',
+}, {
+ color: 'green',
+ fontSize: '30px',
+ fontWeight: '900',
+ letterSpacing: '5px',
+ lineHeight: '200%',
+ textIndent: '50px',
+ textShadow: '10px 10px 50px lime',
+ wordSpacing: '100px',
+}], timing));
+
+</script>
« no previous file with comments | « pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-font-weight-checks.js ('k') | pkg/polymer/lib/elements/web-animations-js/test/testcases/auto-test-initial-checks.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698