| Index: sky/tests/framework/flights-app-pixels.sky
|
| diff --git a/sky/tests/framework/flights-app-pixels.sky b/sky/tests/framework/flights-app-pixels.sky
|
| deleted file mode 100644
|
| index 5ba9c40060d2a88e7047688182c93822e763a59a..0000000000000000000000000000000000000000
|
| --- a/sky/tests/framework/flights-app-pixels.sky
|
| +++ /dev/null
|
| @@ -1,338 +0,0 @@
|
| -<app>
|
| - <import src="../resources/run-after-display.sky" />
|
| - <style>
|
| - * { box-sizing: border-box; }
|
| -
|
| - t, span {
|
| - display: inline;
|
| - }
|
| -
|
| - app {
|
| - display: flex;
|
| - flex-direction: column;
|
| - min-height: 100%;
|
| - background-color: #494949;
|
| - font-family: "Helvetica", sans-serif;
|
| - font-size: 16px;
|
| - color: #2B2B2B;
|
| - }
|
| -
|
| - app-header {
|
| - display: flex;
|
| - background: linear-gradient(#3E77B7, #6C98C4);
|
| - padding: 8px;
|
| - color: white;
|
| - border-bottom: 1px solid #3E77B7;
|
| - }
|
| -
|
| - app-title {
|
| - flex: 1;
|
| - display: flex;
|
| - align-items: center;
|
| - font-size: 22px;
|
| - margin-left: 8px;
|
| - }
|
| -
|
| - app-menu-button {
|
| - display: flex;
|
| - border-radius: 4px;
|
| - justify-content: center;
|
| - align-items: center;
|
| - width: 30px;
|
| - height: 30px;
|
| - }
|
| -
|
| - .menu-icon {
|
| - width: 18px;
|
| - }
|
| -
|
| - .menu-icon-inner {
|
| - width: 14px;
|
| - }
|
| -
|
| - app-scrollable {
|
| - flex: 1;
|
| - box-shadow: inset 0px 0px 22px 2px rgba(22, 22, 22, 0.63);
|
| - overflow: hidden;
|
| - }
|
| -
|
| - app-panel {
|
| - display: flex;
|
| - flex-direction: column;
|
| - background-color: white;
|
| - }
|
| -
|
| - app-panel-header {
|
| - background-color: #DEDEDE;
|
| - padding: 8px;
|
| - display: flex;
|
| - align-items: center;
|
| - }
|
| -
|
| - app-panel-content {
|
| - display: flex;
|
| - }
|
| -
|
| - app-toolbar {
|
| - background-color: #F6F6F6;
|
| - padding: 0 8px;
|
| - }
|
| -
|
| - app-search-input {
|
| - background-color: #F6F6F6;
|
| - padding: 4px;
|
| - display: flex;
|
| - align-items: center;
|
| - font-size: 1.2em;
|
| - }
|
| -
|
| - app-toast {
|
| - position: absolute;
|
| - bottom: 32px;
|
| - right: 32px;
|
| - max-width: 55%;
|
| - box-shadow: 0px 0px 12px 2px rgba(22, 22, 22, 0.4);
|
| - background-image: linear-gradient(#E5D658, #DFCF43);
|
| - border: 1px solid #AEA477;
|
| - padding: 6px;
|
| - border-radius: 2px;
|
| - display: flex;
|
| - align-items: center;
|
| - font-size: 0.8em;
|
| - overflow: hidden;
|
| - }
|
| -
|
| - app-toast-header {
|
| - flex-shrink: 0;
|
| - margin-right: 6px;
|
| - }
|
| -
|
| - app-toast-close-box {
|
| - position: absolute;
|
| - top: 3px;
|
| - right: 3px;
|
| - width: 1em;
|
| - overflow: hidden;
|
| - text-align: center;
|
| - outline: 1px solid #AEA477;
|
| - }
|
| -
|
| - .tip-icon {
|
| - font-weight: bold;
|
| - font-size: 24px;
|
| - border-radius: 16px;
|
| - width: 32px;
|
| - height: 32px;
|
| - border: 2px solid black;
|
| - line-height: 30px;
|
| - text-align: center;
|
| - }
|
| -
|
| - .tip-price {
|
| - font-weight: bold;
|
| - }
|
| -
|
| - .input-text {
|
| - margin-left: 8px;
|
| - }
|
| -
|
| - .route-result {
|
| - margin: 16px 16px 0 16px;
|
| - outline: 1px solid black;
|
| - }
|
| -
|
| - .route-title {
|
| - flex: 1;
|
| - }
|
| -
|
| - .airline {
|
| - border-radius: 2px;
|
| - align-items: center;
|
| - padding: 8px;
|
| - }
|
| -
|
| - .airline-name {
|
| - flex: 1;
|
| - }
|
| -
|
| - .airline-logo-image {
|
| - width: 50px;
|
| - flex-shrink: 0;
|
| - }
|
| -
|
| - .airline-best-price {
|
| - color: #ABB4B6;
|
| - }
|
| -
|
| - .airline-name,
|
| - .airline-best-price {
|
| - padding: 8px;
|
| - }
|
| -
|
| - a {
|
| - text-decoration: none;
|
| - color: #1155CC;
|
| - }
|
| - </style>
|
| - <app-header>
|
| - <app-title>
|
| - <t>Search</t>
|
| - </app-title>
|
| - <app-menu-button>
|
| - <img src="resources/menu-white.png" class="menu-icon">
|
| - </app-menu-button>
|
| - </app-header>
|
| - <app-toolbar>
|
| - <app-search-input>
|
| - <span class="input-icon">
|
| - <img src="resources/magnifying-glass.png" style="width: 16px">
|
| - </span>
|
| - <span class="input-text"><t>flights today to dc by price</t></span>
|
| - </app-search-input>
|
| - </app-toolbar>
|
| - <app-scrollable>
|
| - <app-panel class="route-result">
|
| - <app-panel-header>
|
| - <div class="route-title">
|
| - <t>SFO to DCA</t>
|
| - </div>
|
| - <app-menu-button>
|
| - <img src="resources/menu-enabled.png" class="menu-icon-inner">
|
| - </app-menu-button>
|
| - </app-panel-header>
|
| - <app-panel-content class="airline">
|
| - <div class="airline-logo">
|
| - <img class="airline-logo-image" src="resources/virgin-america.jpg">
|
| - </div>
|
| - <div class="airline-name">
|
| - <t>Virgin America</t>
|
| - </div>
|
| - <div class="airline-best-price">
|
| - <t><a>$800</a></t>
|
| - </div>
|
| - </app-panel-content>
|
| - <app-panel-content class="airline">
|
| - <div class="airline-logo">
|
| - <img class="airline-logo-image" src="resources/ba.jpg">
|
| - </div>
|
| - <div class="airline-name">
|
| - <t>British Airways</t>
|
| - </div>
|
| - <div class="airline-best-price">
|
| - <t><a>$700</a></t>
|
| - </div>
|
| - </app-panel-content>
|
| - <app-panel-content class="airline">
|
| - <div class="airline-logo">
|
| - <img class="airline-logo-image" src="resources/united.jpg">
|
| - </div>
|
| - <div class="airline-name">
|
| - <t>United</t>
|
| - </div>
|
| - <div class="airline-best-price">
|
| - <t><a>$667</a></t>
|
| - </div>
|
| - </app-panel-content>
|
| - <app-panel-content class="airline">
|
| - <div class="airline-logo">
|
| - <img class="airline-logo-image" src="resources/delta.jpg">
|
| - </div>
|
| - <div class="airline-name">
|
| - <t>Delta</t>
|
| - </div>
|
| - <div class="airline-best-price">
|
| - <t><a>$450</a></t>
|
| - </div>
|
| - </app-panel-content>
|
| - </app-panel>
|
| - <app-panel class="route-result">
|
| - <app-panel-header>
|
| - <div class="route-title">
|
| - <t>SJC to DCA</t>
|
| - </div>
|
| - <app-menu-button>
|
| - <img src="resources/menu-enabled.png" class="menu-icon-inner">
|
| - </app-menu-button>
|
| - </app-panel-header>
|
| - <app-panel-content class="airline">
|
| - <div class="airline-logo">
|
| - <img class="airline-logo-image" src="resources/virgin-america.jpg">
|
| - </div>
|
| - <div class="airline-name">
|
| - <t>Virgin America</t>
|
| - </div>
|
| - <div class="airline-best-price">
|
| - <t><a>$1500</a></t>
|
| - </div>
|
| - </app-panel-content>
|
| - <app-panel-content class="airline">
|
| - <div class="airline-logo">
|
| - <img class="airline-logo-image" src="resources/jetblue.jpg">
|
| - </div>
|
| - <div class="airline-name">
|
| - <t>jetBlue</t>
|
| - </div>
|
| - <div class="airline-best-price">
|
| - <t><a>$650</a></t>
|
| - </div>
|
| - </app-panel-content>
|
| - <app-panel-content class="airline">
|
| - <div class="airline-logo">
|
| - <img class="airline-logo-image" src="resources/united.jpg">
|
| - </div>
|
| - <div class="airline-name">
|
| - <t>United</t>
|
| - </div>
|
| - <div class="airline-best-price">
|
| - <t><a>$367</a></t>
|
| - </div>
|
| - </app-panel-content>
|
| - </app-panel>
|
| - </app-scrollable>
|
| - <app-toast>
|
| - <app-toast-header>
|
| - <div class="tip-icon">
|
| - <t>?</t>
|
| - </div>
|
| - </app-toast-header>
|
| - <app-toast-content>
|
| - <t>Flights are <span class="tip-price">$200</span> cheaper tomorrow.</t>
|
| - </app-toast-content>
|
| - <app-toast-close-box>
|
| - X
|
| - </app-toast-close-box>
|
| - </app-toast>
|
| - <script>
|
| - import "dart:sky";
|
| - import "dart:sky.internals" as internals;
|
| - import "dart:async";
|
| -
|
| - var app;
|
| -
|
| - bool imagesLoaded() {
|
| - var images = window.document.querySelectorAll('img');
|
| - for (var i = 0; i < images.length; i++) {
|
| - if (!images[i].complete)
|
| - return false;
|
| - }
|
| - return true;
|
| - }
|
| -
|
| - void checkImagesLoaded() {
|
| - if (!imagesLoaded()) {
|
| - new Timer(new Duration(seconds:10), checkImagesLoaded);
|
| - return;
|
| - }
|
| - runAfterDisplay(() {
|
| - internals.notifyTestComplete("");
|
| - });
|
| - }
|
| - void main() {
|
| - window.addEventListener("load", (_) {
|
| - var input = document.querySelector('.input-text');
|
| - window.getSelection().selectAllChildren(input.firstChild);
|
| - checkImagesLoaded();
|
| - });
|
| - }
|
| - </script>
|
| -</app>
|
|
|