Remove flights example

sky/tests/framework/flights-app-pixels.sky

 <app>
+  <import src="../resources/run-after-display.sky" />
   <style>
     * { box-sizing: border-box; }
 
     t, span {
       display: inline;
     }
 
     app {
       display: flex;
       flex-direction: column;
-      height: 100%;
+      min-height: 100%;
       background-color: #494949;
-      font-family: sans-serif;
+      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;
@@ skipping 59 matching lines @@
       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-color: #b0281a;
       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;
@@ skipping 20 matching lines @@
     a {
       text-decoration: none;
       color: #1155CC;
     }
   </style>
   <app-header>
     <app-title>
       <t>Search</t>
     </app-title>
     <app-menu-button>
-      <img src="images/menu-white.png" class="menu-icon">
+      <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="/sky/examples/flights/images/magnifying-glass.png" style="width: 16px">
+        <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="images/menu-enabled.png" class="menu-icon-inner">
+          <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="images/virgin-america.jpg">
+          <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="images/ba.jpg">
+          <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="images/united.jpg">
+          <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="images/delta.jpg">
+          <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="images/menu-enabled.png" class="menu-icon-inner">
+          <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="images/virgin-america.jpg">
+          <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="images/jetblue.jpg">
+          <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="images/united.jpg">
+          <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>