OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
3 Copyright (c) 2012, the Dart project authors. Please see the AUTHORS file | 3 Copyright (c) 2012, the Dart project authors. Please see the AUTHORS file |
4 for details. All rights reserved. Use of this source code is governed by a | 4 for details. All rights reserved. Use of this source code is governed by a |
5 BSD-style license that can be found in the LICENSE file. | 5 BSD-style license that can be found in the LICENSE file. |
6 --> | 6 --> |
7 <html lang="en"> | 7 <html lang="en"> |
8 <head> | 8 <head> |
9 <meta charset="utf-8"> | 9 <meta charset="utf-8"> |
10 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 10 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
11 <script type="application/javascript" src="testing.js"></script> | 11 <script type="application/javascript" src="testing.js"></script> |
12 </head> | 12 </head> |
13 <body> | 13 <body> |
14 <!-- Tests that tables are rendered correctly when using iterate attributes | 14 <!-- Tests that tables are rendered correctly when using iterate attributes |
15 on td and tr elements. --> | 15 on td and tr elements. --> |
16 <table> | 16 <table> |
17 <tbody id='test' template iterate="row in table"> | 17 <tbody id='test' template iterate="row in table"> |
18 <tr template iterate="cell in row"> | 18 <tr template iterate="cell in row"> |
19 <td>{{cell}}</td> | 19 <td>{{cell}}</td> |
20 </tr> | 20 </tr> |
21 </tbody></table> | 21 </tbody></table> |
22 <script type="application/dart"> | 22 <script type="application/dart"> |
23 import 'dart:html'; | 23 import 'dart:html'; |
24 import 'package:unittest/unittest.dart'; | 24 import 'package:unittest/unittest.dart'; |
25 import 'package:web_components/watcher.dart'; | 25 import 'package:web_ui/watcher.dart'; |
26 | 26 |
27 List<List> table = [[1, 2, 3], ['a', 'b', 'c'], ['A', 'B', 'C']]; | 27 List<List> table = [[1, 2, 3], ['a', 'b', 'c'], ['A', 'B', 'C']]; |
28 main() { | 28 main() { |
29 window.setTimeout(() { | 29 window.setTimeout(() { |
30 expect(document.query("#test").innerHtml, equalsIgnoringWhitespace( | 30 expect(document.query("#test").innerHtml, equalsIgnoringWhitespace( |
31 '<tr> <td>1</td> <td>2</td> <td>3</td> </tr> ' | 31 '<tr> <td>1</td> <td>2</td> <td>3</td> </tr> ' |
32 '<tr> <td>a</td> <td>b</td> <td>c</td> </tr> ' | 32 '<tr> <td>a</td> <td>b</td> <td>c</td> </tr> ' |
33 '<tr> <td>A</td> <td>B</td> <td>C</td> </tr>')); | 33 '<tr> <td>A</td> <td>B</td> <td>C</td> </tr>')); |
34 table[0][2] = 'X'; | 34 table[0][2] = 'X'; |
35 table[1][1] = 'Y'; | 35 table[1][1] = 'Y'; |
36 table.add(['_', '__', '___']); | 36 table.add(['_', '__', '___']); |
37 dispatch(); | 37 dispatch(); |
38 window.setTimeout(() { | 38 window.setTimeout(() { |
39 expect(document.query("#test").innerHtml, equalsIgnoringWhitespace( | 39 expect(document.query("#test").innerHtml, equalsIgnoringWhitespace( |
40 '<tr> <td>1</td> <td>2</td> <td>X</td> </tr> ' | 40 '<tr> <td>1</td> <td>2</td> <td>X</td> </tr> ' |
41 '<tr> <td>a</td> <td>Y</td> <td>c</td> </tr> ' | 41 '<tr> <td>a</td> <td>Y</td> <td>c</td> </tr> ' |
42 '<tr> <td>A</td> <td>B</td> <td>C</td> </tr> ' | 42 '<tr> <td>A</td> <td>B</td> <td>C</td> </tr> ' |
43 '<tr> <td>_</td> <td>__</td> <td>___</td> </tr>')); | 43 '<tr> <td>_</td> <td>__</td> <td>___</td> </tr>')); |
44 window.setTimeout(() => window.postMessage('done', '*'), 0); | 44 window.setTimeout(() => window.postMessage('done', '*'), 0); |
45 }, 0); | 45 }, 0); |
46 }, 0); | 46 }, 0); |
47 } | 47 } |
48 </script> | 48 </script> |
49 </body> | 49 </body> |
50 </html> | 50 </html> |
OLD | NEW |