| 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"> |
| (...skipping 14 matching lines...) Expand all Loading... |
| 25 this div will have blue (0000ff) font color and 50px height. | 25 this div will have blue (0000ff) font color and 50px height. |
| 26 </div> | 26 </div> |
| 27 <div id="test2" class="{{asList}}"> | 27 <div id="test2" class="{{asList}}"> |
| 28 this div will have blue 400px width and 50px height. | 28 this div will have blue 400px width and 50px height. |
| 29 </div> | 29 </div> |
| 30 <div id="test3" class="{{asString}}"> | 30 <div id="test3" class="{{asString}}"> |
| 31 this div will have green (008000) bgcolor and monospace font. | 31 this div will have green (008000) bgcolor and monospace font. |
| 32 </div> | 32 </div> |
| 33 <script type="application/dart"> | 33 <script type="application/dart"> |
| 34 import 'dart:html'; | 34 import 'dart:html'; |
| 35 import 'package:web_components/web_components.dart'; | 35 import 'package:web_ui/web_ui.dart'; |
| 36 import 'package:unittest/unittest.dart'; | 36 import 'package:unittest/unittest.dart'; |
| 37 | 37 |
| 38 var one = 'uno'; | 38 var one = 'uno'; |
| 39 var two = 'dos'; | 39 var two = 'dos'; |
| 40 var three = 'tres'; | 40 var three = 'tres'; |
| 41 var asString = 'uno dos tres'; | 41 var asString = 'uno dos tres'; |
| 42 var asList = ['uno', 'dos', 'tres']; | 42 var asList = ['uno', 'dos', 'tres']; |
| 43 main() { | 43 main() { |
| 44 window.setTimeout(() { | 44 window.setTimeout(() { |
| 45 expect(query('#test1').classes, unorderedEquals(asList)); | 45 expect(query('#test1').classes, unorderedEquals(asList)); |
| 46 expect(query('#test2').classes, unorderedEquals(asList)); | 46 expect(query('#test2').classes, unorderedEquals(asList)); |
| 47 expect(query('#test3').classes, unorderedEquals(asList)); | 47 expect(query('#test3').classes, unorderedEquals(asList)); |
| 48 one = null; | 48 one = null; |
| 49 asList[1] = null; | 49 asList[1] = null; |
| 50 asString = 'cuatro cinco'; | 50 asString = 'cuatro cinco'; |
| 51 dispatch(); | 51 dispatch(); |
| 52 window.setTimeout(() { | 52 window.setTimeout(() { |
| 53 expect(query('#test1').classes, unorderedEquals(['dos', 'tres'])); | 53 expect(query('#test1').classes, unorderedEquals(['dos', 'tres'])); |
| 54 expect(query('#test2').classes, unorderedEquals(['uno', 'tres'])); | 54 expect(query('#test2').classes, unorderedEquals(['uno', 'tres'])); |
| 55 expect(query('#test3').classes, unorderedEquals(['cuatro', 'cinco'])); | 55 expect(query('#test3').classes, unorderedEquals(['cuatro', 'cinco'])); |
| 56 window.setTimeout(() => window.postMessage('done', '*'), 0); | 56 window.setTimeout(() => window.postMessage('done', '*'), 0); |
| 57 }, 0); | 57 }, 0); |
| 58 }, 0); | 58 }, 0); |
| 59 } | 59 } |
| 60 </script> | 60 </script> |
| 61 </body> | 61 </body> |
| 62 </html> | 62 </html> |
| OLD | NEW |