| OLD | NEW |
| 1 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file | 1 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file |
| 2 // for details. All rights reserved. Use of this source code is governed by a | 2 // for details. All rights reserved. Use of this source code is governed by a |
| 3 // BSD-style license that can be found in the LICENSE file. | 3 // BSD-style license that can be found in the LICENSE file. |
| 4 | 4 |
| 5 library todomvc.test.mainpage_test; | 5 library todomvc.test.mainpage_test; |
| 6 | 6 |
| 7 import 'dart:async'; | |
| 8 import 'dart:html'; | 7 import 'dart:html'; |
| 9 import 'package:polymer/polymer.dart'; | 8 import 'package:polymer/polymer.dart'; |
| 10 import 'package:unittest/html_config.dart'; | 9 import 'package:unittest/html_config.dart'; |
| 11 import 'package:unittest/unittest.dart'; | 10 import 'package:unittest/unittest.dart'; |
| 12 import '../web/elements/td_model.dart'; | 11 import '../web/app.dart'; |
| 13 import '../web/elements/td_todos.dart'; | 12 import '../web/model.dart'; |
| 14 import 'utils.dart'; | |
| 15 | 13 |
| 16 /** | 14 /** |
| 17 * This test runs the TodoMVC app and checks the state of the initial page. | 15 * This test runs the TodoMVC app and checks the state of the initial page. |
| 18 */ | 16 */ |
| 17 // TODO(jmesserly): verify some styles (colors, fonts, relative size) as well. |
| 19 main() { | 18 main() { |
| 20 initPolymer(); | 19 initPolymer(); |
| 21 useHtmlConfiguration(); | 20 useHtmlConfiguration(); |
| 22 | 21 |
| 23 setUp(() => Polymer.onReady); | 22 setUp(() => Polymer.onReady); |
| 24 | 23 |
| 25 test('initial state', () { | 24 test('initial state', () { |
| 26 final model = querySelector('td-model'); | 25 final todoApp = querySelector('todo-app'); |
| 27 expect(model is TodoModel, true, reason: 'TodoModel should be created'); | 26 expect(appModel.todos.length, 0); |
| 27 expect(todoApp.xtag is TodoApp, true, reason: 'TodoApp should be created'); |
| 28 | 28 |
| 29 final app = querySelector('td-todos'); | 29 final root = todoApp.shadowRoot; |
| 30 expect(app is TodoList, true, reason: 'TodoList should be created'); | |
| 31 | |
| 32 final root = app.shadowRoot; | |
| 33 final newTodo = root.querySelector('#new-todo'); | 30 final newTodo = root.querySelector('#new-todo'); |
| 34 expect(newTodo.placeholder, "What needs to be done?"); | 31 expect(newTodo.placeholder, "What needs to be done?"); |
| 35 | 32 |
| 36 expect(app.modelId, 'model', reason: 'modelId is set via attribute'); | 33 // TODO(jmesserly): re-enable this. It fails on Firefox with ShadowDOM. |
| 37 | 34 // The issue appears to be that |
| 38 // Validate the stylesheet was loaded | 35 // Wait for setTimeout 0 for focus to activate. |
| 39 final style = root.querySelector('style'); | 36 /*Timer.run(expectAsync0(() { |
| 40 expect(style, isNotNull, reason: '<link> was replaced with <style>'); | 37 expect(document.activeElement, todoApp, reason: 'app should have focus'); |
| 41 expect(style.text, contains("@media screen and")); | 38 expect(root.activeElement, newTodo, reason: 'New todo should have focus'); |
| 42 | 39 expect(root.querySelectorAll('[is=todo-row]').length, 0, reason: 'no items
yet'); |
| 43 // Validate a style got applied | 40 }));*/ |
| 44 var color = root.querySelector('#footer').getComputedStyle().color; | |
| 45 expect(color, 'rgb(119, 119, 119)'); | |
| 46 | |
| 47 return onPropertyInit(model, 'items').then((_) { | |
| 48 expect(model.items, [], reason: 'no items yet'); | |
| 49 expect(app.model, model, reason: 'model should be data-bound'); | |
| 50 }); | |
| 51 }); | 41 }); |
| 52 } | 42 } |
| OLD | NEW |