samples/third_party/todomvc/test/expected/todomvc_listorder_test.html.txt - Issue 23539003: Turn on Polymer TodoMVC tests on Dart buildbots

Unified Diff: samples/third_party/todomvc/test/expected/todomvc_listorder_test.html.txt

Issue 23539003: Turn on Polymer TodoMVC tests on Dart buildbots (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart

Patch Set: use unittest test_controller.js Created 7 years, 4 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 side-by-side diff with in-line comments

Download patch

« pkg/unittest/lib/test_controller.js ('K') | « samples/tests/samples/todomvc/markdone_test.html ('k') | samples/third_party/todomvc/test/expected/todomvc_mainpage2_test.html.txt » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: samples/third_party/todomvc/test/expected/todomvc_listorder_test.html.txt

diff --git a/samples/third_party/todomvc/test/expected/todomvc_listorder_test.html.txt b/samples/third_party/todomvc/test/expected/todomvc_listorder_test.html.txt

deleted file mode 100644

index 1089bf2cf5360a0f6ca16ba7573ed8178dbe4c1b..0000000000000000000000000000000000000000

--- a/samples/third_party/todomvc/test/expected/todomvc_listorder_test.html.txt

+++ /dev/null

@@ -1,487 +0,0 @@

-Content-Type: text/plain

-<html lang="en"><head><style shadowcssshim="">style { display: none !important; }

-</style><style shadowcssshim="">template { display: none; }</style>

-<!--

-This test runs the TodoMVC app, adds a few elements, marks some as done, and

-switches from back and forth between "Active" and "All". This will make some

-nodes to be hidden and readded to the page.

-This is a regression test for a bug in dwc that made the nodes appear in the

-wrong order when using lists and ifs together.

--->

- <meta charset="utf-8">

- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

- <link rel="stylesheet" href="../../../web/base.css">

- <script src="../../packages/polymer/testing/testing.js"></script>

- <title>Dart • TodoMVC</title>

-<style>template,

-thead[template],

-tbody[template],

-tfoot[template],

-th[template],

-tr[template],

-td[template],

-caption[template],

-colgroup[template],

-col[template],

-option[template] {

- display: none;

-}</style></head>

-<body><polymer-element name="todo-row" extends="li" attributes="todo">

- <template>

- <style scoped="">

-.todo-item {

- position: relative;

- font-size: 24px;

- border-bottom: 1px dotted #ccc;

-.todo-item.editing {

- border-bottom: none;

- padding: 0;

-/*

-TODO(jmesserly): the ".todo-item label" selector does not work with real

-ShadowRoot because it crosses the shadow boundary.

-*/

-.todo-item.completed [is=editable-label] {

- color: #a9a9a9;

- text-decoration: line-through;

-.todo-item .toggle {

- text-align: center;

- width: 40px;

- /* auto, since non-WebKit browsers don't support input styling */

- height: auto;

- position: absolute;

- top: 0;

- bottom: 0;

- margin: auto 0;

- border: none; /* Mobile Safari */

- -webkit-appearance: none;

- /*-moz-appearance: none;*/

- -ms-appearance: none;

- -o-appearance: none;

- appearance: none;

-.todo-item .toggle:after {

- content: '✔';

- line-height: 43px; /* 40 + a couple of pixels visual adjustment */

- font-size: 20px;

- color: #d9d9d9;

- text-shadow: 0 -1px 0 #bfbfbf;

-.todo-item .toggle:checked:after {

- color: #85ada7;

- text-shadow: 0 1px 0 #669991;

- bottom: 1px;

- position: relative;

-.todo-item .destroy {

- display: none;

- position: absolute;

- top: 0;

- right: 10px;

- bottom: 0;

- width: 40px;

- height: 40px;

- margin: auto 0;

- font-size: 22px;

- color: #a88a8a;

- -webkit-transition: all 0.2s;

- -moz-transition: all 0.2s;

- -ms-transition: all 0.2s;

- -o-transition: all 0.2s;

- transition: all 0.2s;

-.todo-item .destroy:hover {

- text-shadow: 0 0 1px #000,

- 0 0 10px rgba(199, 107, 107, 0.8);

- -webkit-transform: scale(1.3);

- -moz-transform: scale(1.3);

- -ms-transform: scale(1.3);

- -o-transform: scale(1.3);

- transform: scale(1.3);

-.todo-item .destroy:after {

- content: '✖';

-.todo-item:hover .destroy {

- display: block;

-.todo-item.editing .destroy,

-.todo-item.editing .toggle {

- display: none;

-.todo-item.editing:last-child {

- margin-bottom: -1px;

-/*

- Hack to remove background from Mobile Safari.

- Can't use it globally since it destroys checkboxes in Firefox and Opera

-*/

-@media screen and (-webkit-min-device-pixel-ratio:0) {

- .todo-item .toggle {

- background: none;

- }

- #todo-item .toggle {

- height: 40px;

- }

- </style>

- <div class="todo-item">

- <input class="toggle" type="checkbox" checked="{{todo.done}}">

- <editable-label id="label" value="{{todo.task}}"></editable-label>

- <button class="destroy" on-click="removeTodo"></button>

- </div>

- </template>

-</polymer-element>

-<polymer-element name="todo-app">

-<template>

- <section id="todoapp">

- <header id="header">

- <h1 class="title">todos</h1>

- <form on-submit="addTodo">

- <input id="new-todo" placeholder="What needs to be done?" autofocus="" on-change="addTodo">

- </form>

- </header>

- <section id="main">

- <input id="toggle-all" type="checkbox" checked="{{app.allChecked}}">

- <label for="toggle-all"></label>

- <ul id="todo-list">

- <template repeat="{{app.visibleTodos}}">

- <li is="todo-row" todo="{{}}"></li>

- </template>

- </ul>

- </section>

- <template bind="" if="{{app.todos.length > 0}}">

- <footer id="footer">

- <span id="todo-count"><strong>{{app.remaining}}</strong></span>

- <ul is="router-options" id="filters">

- <li> <a href="#/">All</a> </li>

- <li> <a href="#/active">Active</a> </li>

- <li> <a href="#/completed">Completed</a> </li>

- </ul>

- <template bind="" if="{{app.hasCompleteTodos}}">

- <button id="clear-completed" on-click="clear">

- Clear completed ({{app.doneCount}})

- </button>

- </template>

- </footer>

- </template>

- </section>

- <footer id="info">

- <p>Double-click to edit a todo.</p>

- <p>Credits: the <a href="http://www.dartlang.org">Dart</a> team.</p>

- <p>

- Learn more about

- <a href="https://www.dartlang.org/articles/dart-web-components/">Dart + Web Components</a>

- or

- <a href="https://github.com/dart-lang/web-ui/tree/master/example/todomvc">view the source</a>.

- </p>

- <p>Part of <a href="http://todomvc.com">TodoMVC</a>.</p>

- </footer>

-</template>

-</polymer-element>

-<polymer-element name="router-options" extends="ul">

- <template><content></content></template>

-</polymer-element>

-<polymer-element name="editable-label" attributes="value">

- <template>

- <template bind="" if="{{!editing}}">

- <label class="edit-label" on-double-click="edit">{{value}}</label>

- </template>

- <template bind="" if="{{editing}}">

- <form on-submit="update">

- <input id="edit" class="edit editing" on-blur="update" on-key-up="maybeCancel">

- </form>

- </template>

-</polymer-element>

- <todo-app><shadow-root>

- <section id="todoapp">

- <header id="header">

- <h1 class="title">todos</h1>

- <form on-submit="addTodo">

- <input id="new-todo" placeholder="What needs to be done?" autofocus="" on-change="addTodo">

- </form>

- </header>

- <section id="main">

- <input id="toggle-all" type="checkbox">

- <label for="toggle-all"></label>

- <ul id="todo-list">

- <template repeat="{{app.visibleTodos}}"></template>

- <li is="todo-row" todo="{{}}"><shadow-root>

- <style scoped="">todo-row .todo-item, [is=todo-row] .todo-item {

- position: relative; font-size: 24px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(204, 204, 204);

-todo-row .todo-item.editing, [is=todo-row] .todo-item.editing {

- border-bottom-style: none; padding: 0px;

-todo-row .todo-item.completed [is="editable-label"], [is=todo-row] .todo-item.completed [is="editable-label"] {

- color: rgb(169, 169, 169); text-decoration: line-through;

-todo-row .todo-item .toggle, [is=todo-row] .todo-item .toggle {

- text-align: center; width: 40px; height: auto; position: absolute; top: 0px; bottom: 0px; margin: auto 0px; border: none; -webkit-appearance: none;

-todo-row .todo-item .toggle::after, [is=todo-row] .todo-item .toggle::after {

- content: '✔'; line-height: 43px; font-size: 20px; color: rgb(217, 217, 217); text-shadow: rgb(191, 191, 191) 0px -1px 0px;

-todo-row .todo-item .toggle:checked::after, [is=todo-row] .todo-item .toggle:checked::after {

- color: rgb(133, 173, 167); text-shadow: rgb(102, 153, 145) 0px 1px 0px; bottom: 1px; position: relative;

-todo-row .todo-item .destroy, [is=todo-row] .todo-item .destroy {

- display: none; position: absolute; top: 0px; right: 10px; bottom: 0px; width: 40px; height: 40px; margin: auto 0px; font-size: 22px; color: rgb(168, 138, 138); transition: all 0.2s; -webkit-transition: all 0.2s;

-todo-row .todo-item .destroy:hover, [is=todo-row] .todo-item .destroy:hover {

- text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgba(199, 107, 107, 0.8) 0px 0px 10px; -webkit-transform: scale(1.3);

-todo-row .todo-item .destroy::after, [is=todo-row] .todo-item .destroy::after {

- content: '✖';

-todo-row .todo-item:hover .destroy, [is=todo-row] .todo-item:hover .destroy {

- display: block;

-todo-row .todo-item.editing .destroy, [is=todo-row] .todo-item.editing .destroy, todo-row .todo-item.editing .toggle, [is=todo-row] .todo-item.editing .toggle {

- display: none;

-todo-row .todo-item.editing:last-child, [is=todo-row] .todo-item.editing:last-child {

- margin-bottom: -1px;

-@media screen and (-webkit-min-device-pixel-ratio: 0) {

-todo-row .todo-item .toggle, [is=todo-row] .todo-item .toggle {

- background-image: none; background-position: initial initial; background-repeat: initial initial;

-todo-row #todo-item .toggle, [is=todo-row] #todo-item .toggle {

- height: 40px;

-</style>

- <div class="todo-item">

- <input class="toggle" type="checkbox">

- <editable-label id="label" value="{{todo.task}}"><shadow-root>

- <template bind="" if="{{!editing}}"></template>

- <label class="edit-label" on-double-click="edit">one (unchecked)</label>

- <template bind="" if="{{editing}}"></template>

- </shadow-root></editable-label>

- <button class="destroy" on-click="removeTodo"></button>

- </div>

- </shadow-root></li>