| Index: samples/third_party/todomvc/test/expected/todomvc_mainpage_test.html.txt
|
| diff --git a/samples/third_party/todomvc/test/expected/todomvc_mainpage_test.html.txt b/samples/third_party/todomvc/test/expected/todomvc_mainpage_test.html.txt
|
| deleted file mode 100644
|
| index a6f5a01db7d0f98123efafaf6ae713b0e67a1faa..0000000000000000000000000000000000000000
|
| --- a/samples/third_party/todomvc/test/expected/todomvc_mainpage_test.html.txt
|
| +++ /dev/null
|
| @@ -1,240 +0,0 @@
|
| -Content-Type: text/plain
|
| -<html lang="en"><head>
|
| -<!--
|
| -This test runs the TodoMVC app and evaluates that it renders correctly.
|
| --->
|
| - <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><script src="packages/shadow_dom/shadow_dom.min.js"></script>
|
| -<script src="packages/browser/interop.js"></script>
|
| -<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>
|
| - </template>
|
| -
|
| -</polymer-element><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>
|
| - <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>
|
| - </ul>
|
| - </section>
|
| - <template bind="" if="{{app.todos.length > 0}}"></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>
|
| -</shadow-root></todo-app>
|
| -
|
| -
|
| -
|
| -<script type="application/dart" src="todomvc_mainpage_test.html_bootstrap.dart"></script></body></html>
|
|
|