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

Side by Side Diff: pkg/polymer/test/layout_test.html

Issue 558673004: update polymer js to 0.4.0 (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 3 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 unified diff | Download patch | Annotate | Revision Log
OLDNEW
(Empty)
1 <!--
2 Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file
3 for details. All rights reserved. Use of this source code is governed by a
4 BSD-style license that can be found in the LICENSE file.
5 -->
6 <!doctype html>
7 <html>
8 <!--polymer-test: this comment is needed for test_suite.dart-->
9 <head>
10 <script src="packages/web_components/platform.js"></script>
11 <script src="packages/web_components/dart_support.js"></script>
12 <link rel="import" href="packages/polymer/polymer.html">
13 <script src="/root_dart/tools/testing/dart/test_controller.js"></script>
14
15 <style shim-shadowdom>
16 [layout] {
17 border: 1px solid orange;
18 }
19
20 [flex] {
21 background-color: orange;
22 }
23
24 [sized] {
25 background-color: green;
26 border: 1px solid black;
27 height: 200px;
28 width: 200px;
29 }
30
31 [sized-container] [layout] {
32 height: 500px;
33 width: 500px;
34 }
35
36 /* IE10: requires flex items to be display block */
37 span {
38 display: block;
39 }
40
41 </style>
42
43 </head>
44 <body unresolved>
45 <div id="test1">
46 <h2>layout flex</h2>
47 <span horizontal layout>
48 <span>I am not flex</span>
49 <span flex>
50 intrinsix
51 </span>
52 <span flex sized></span>
53 <span>I am not flex</span>
54 </span>
55 <br><br>
56 <span vertical layout>
57 <span>I am not flex</span>
58 <span flex>
59 intrinsix
60 </span>
61 <span flex sized></span>
62 <span>I am not flex</span>
63 </span>
64 </div>
65 <br><hr><br>
66 <div id="test2">
67 <h2>layout flex auto</h2>
68 <span horizontal layout>
69 <span>I am not flex</span>
70 <span flex auto>
71 intrinsix
72 </span>
73 <span flex auto sized></span>
74 <span>I am not flex</span>
75 </span>
76 <br><br>
77 <span vertical layout>
78 <span>I am not flex</span>
79 <span flex auto>
80 intrinsix
81 </span>
82 <span flex auto sized></span>
83 <span>I am not flex</span>
84 </span>
85 </div>
86 <br><hr><br>
87 <div id="test3">
88 <h2>layout flex auto-vertical</h2>
89 <span horizontal layout>
90 <span>I am not flex</span>
91 <span flex auto-vertical>
92 intrinsix
93 </span>
94 <span flex auto-vertical sized></span>
95 <span>I am not flex</span>
96 </span>
97 <br><br>
98 <span vertical layout>
99 <span>I am not flex</span>
100 <span flex auto-vertical>
101 intrinsix
102 </span>
103 <span flex auto-vertical sized></span>
104 <span>I am not flex</span>
105 </span>
106 </div>
107 <br><hr><hr><br>
108 <h1>Sized Container</h1>
109 <div sized-container>
110 <div id="test4">
111 <h2>layout flex</h2>
112 <span horizontal layout>
113 <span>I am not flex</span>
114 <span flex>
115 intrinsix
116 </span>
117 <span flex sized></span>
118 <span>I am not flex</span>
119 </span>
120 <br><br>
121 <span vertical layout>
122 <span>I am not flex</span>
123 <span flex>
124 intrinsix
125 </span>
126 <span flex sized></span>
127 <span>I am not flex</span>
128 </span>
129 </div>
130 <br><hr><br>
131 <div id="test5">
132 <h2>layout flex auto</h2>
133 <span horizontal layout>
134 <span>I am not flex</span>
135 <span flex auto>
136 intrinsix
137 </span>
138 <span flex auto sized></span>
139 <span>I am not flex</span>
140 </span>
141 <br><br>
142 <span vertical layout>
143 <span>I am not flex</span>
144 <span flex auto>
145 intrinsix
146 </span>
147 <span flex auto sized></span>
148 <span>I am not flex</span>
149 </span>
150 </div>
151 <br><hr><br>
152 <div id="test6">
153 <h2>layout flex auto-vertical</h2>
154 <span horizontal layout>
155 <span>I am not flex</span>
156 <span flex auto-vertical>
157 intrinsix
158 </span>
159 <span flex auto-vertical sized></span>
160 <span>I am not flex</span>
161 </span>
162 <br><br>
163 <span vertical layout>
164 <span>I am not flex</span>
165 <span flex auto-vertical>
166 intrinsix
167 </span>
168 <span flex auto-vertical sized></span>
169 <span>I am not flex</span>
170 </span>
171 </div>
172 </div>
173
174
175 <script type="application/dart" src="layout_test.dart">
176 </script>
177
178 </body>
179 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698