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 <link rel="stylesheet" href="resources/base.css"> |
11 <link rel="components" href="css_comp1.html"> | 12 <link rel="components" href="css_comp1.html"> |
| 13 <link rel="stylesheet" href="root.css"> |
12 <script type="application/javascript" src="testing.js"></script> | 14 <script type="application/javascript" src="testing.js"></script> |
13 <title>CSS Polyfill Test</title> | 15 <title>CSS Polyfill Test</title> |
14 </head> | 16 </head> |
15 <body> | 17 <body> |
16 <style> | 18 <style> |
17 #box-1 { | 19 #box-1 { |
18 padding: 10px; | 20 padding: 10px; |
19 border: 1px solid black; | 21 border: 1px solid black; |
20 } | 22 } |
21 /* | 23 /* |
(...skipping 14 matching lines...) Expand all Loading... |
36 background-color: LightCyan; | 38 background-color: LightCyan; |
37 } | 39 } |
38 | 40 |
39 /* TODO(jmesserly): workaround to make the render tree cross-platform. */ | 41 /* TODO(jmesserly): workaround to make the render tree cross-platform. */ |
40 input { | 42 input { |
41 padding: 0px; | 43 padding: 0px; |
42 border: 0px; | 44 border: 0px; |
43 width: 300px; | 45 width: 300px; |
44 } | 46 } |
45 </style> | 47 </style> |
46 <div id="box-1"> | 48 <div id="box-1" class="main-glyph"> |
| 49 <div class="left-glyph"></div> |
47 <input class="comp-1-input" value="Test AAA"> | 50 <input class="comp-1-input" value="Test AAA"> |
48 </div> | 51 </div> |
49 <input class="comp-1-done" value="Test BBB"> | 52 <input class="comp-1-done" value="Test BBB"> |
50 <x-comp1></x-comp1> | 53 <x-comp1></x-comp1> |
51 <x-comp1 type="flipper"></x-comp1> | 54 <x-comp1 type="flipper"></x-comp1> |
52 <script type="application/dart"> | 55 <script type="application/dart"> |
53 import 'dart:async'; | 56 import 'dart:async'; |
54 import 'dart:html'; | 57 import 'dart:html'; |
55 import 'package:unittest/unittest.dart'; | 58 import 'package:unittest/unittest.dart'; |
56 import 'package:web_ui/web_ui.dart'; | 59 import 'package:web_ui/web_ui.dart'; |
57 import 'package:web_ui/observe/html.dart'; | 60 import 'package:web_ui/observe/html.dart'; |
58 | 61 |
59 main() { | 62 main() { |
60 useShadowDom = false; | 63 useShadowDom = false; |
61 | 64 |
62 Timer.run(() { | 65 Timer.run(() { |
| 66 // URI to image in base input directory |
| 67 var items = queryAll('#box-1'); |
| 68 DivElement box1Elem = items[0]; |
| 69 var image1 = box1Elem.getComputedStyle().backgroundImage; |
| 70 expect(image1.endsWith('/input/main.png)'), true); |
| 71 |
| 72 // URI to image in directory input/resources |
| 73 DivElement box2Elem = box1Elem.children[0]; |
| 74 var image2 = box2Elem.getComputedStyle().backgroundImage; |
| 75 expect(image2.endsWith('/input/resources/glyph.png)'), true); |
| 76 |
63 window.postMessage('done', '*'); | 77 window.postMessage('done', '*'); |
64 }); | 78 }); |
65 } | 79 } |
66 </script> | 80 </script> |
67 </body> | 81 </body> |
68 </html> | 82 </html> |
OLD | NEW |