Add support for testing Android's NTP w/o Android.

chrome/browser/resources/ntp_android/ntp_android.js

 // Copyright (c) 2011 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 // File Description:
 //     Contains all the necessary functions for rendering the NTP on mobile
 //     devices.
 
 /**
  * The event type used to determine when a touch starts.
@@ skipping 574 matching lines @@
    * @param {function(Object, string, BrowserEvent)=} opt_clickCallback The
    *     click callback to be triggered upon selection (if not provided it will
    *     use the default -- itemShortcutClickHandler).
    * @return {Element} The shortcut element created.
    */
   function makeRecentlyClosedTabletItem(item, opt_clickCallback) {
     var cell = createDiv('cell');
 
     cell.setAttribute(CONTEXT_MENU_URL_KEY, item.url);
 
-    var iconUrl = MOCK ?
-        touchIconURI : 'chrome://touch-icon/size/64/' + item.url;
+    var iconUrl =
+        item.icon ? item.icon : 'chrome://touch-icon/size/64/' + item.url;

[Evan Stade, 2012/09/10 09:16:08]

reverseditto

[Ted C, 2012/09/10 22:35:08]

Done.

     var icon = createDiv('icon', iconUrl);
     trackImageLoad(iconUrl);
     cell.appendChild(icon);
 
     var title = createDiv('title');
     title.textContent = item.title;
     cell.appendChild(title);
 
     wrapClickHandler(cell, item, opt_clickCallback);
 
@@ skipping 15 matching lines @@
     // thumbnail-cell          -- main outer container
     //   thumbnail-container   -- container for the thumbnail
     //     thumbnail           -- the actual thumbnail image; outer border
     //     inner-border        -- inner border
     //   title                 -- container for the title
     //     img                 -- hack align title text baseline with bottom
     //     title text          -- the actual text of the title
     var thumbnailCell = createDiv('thumbnail-cell');
     var thumbnailContainer = createDiv('thumbnail-container');
     var backgroundUrl = item.thumbnailUrl || 'chrome://thumb/' + item.url;
-    if (MOCK)
-      backgroundUrl = thumbnailURI;
     if (backgroundUrl == 'chrome://thumb/chrome://welcome/') {
       // Ideally, it would be nice to use the URL as is.  However, as of now
       // theme support has been removed from Chrome.  Instead, load the image
       // URL from a style and use it.  Don't just use the style because
       // trackImageLoad(...) must be called with the background URL.
       var welcomeStyle = findCssRule('.welcome-to-chrome').style;
       var backgroundImage = welcomeStyle.backgroundImage;
       // trim the "url(" prefix and ")" suffix
       backgroundUrl = backgroundImage.substring(4, backgroundImage.length - 1);
     }
@@ skipping 37 matching lines @@
   function makeBookmarkItem(item, opt_clickCallback) {
     var holder = createDiv('favicon-cell');
     addActiveTouchListener(holder, 'favicon-cell-active');
 
     holder.setAttribute(CONTEXT_MENU_URL_KEY, item.url);
     holder.contextMenuItem = item;
     var faviconBox = createDiv('favicon-box');
     if (item.folder) {
       faviconBox.classList.add('folder');
     } else {
-      var iconUrl = MOCK ? item.icon : 'chrome://touch-icon/' + item.url;
+      var iconUrl = item.icon ? item.icon : 'chrome://touch-icon/' + item.url;

[Evan Stade, 2012/09/10 09:16:08]

reverse ditto

[Ted C, 2012/09/10 22:35:08]

Done.

       var faviconIcon = createDiv('favicon-icon');
       faviconIcon.style.backgroundImage = 'url(' + iconUrl + ')';
       trackImageLoad(iconUrl);
 
       var image = new Image();
       image.src = iconUrl;
       image.onload = function() {
         var w = image.width;
         var h = image.height;
         if (w <= 16 || h <= 16) {
@@ skipping 102 matching lines @@
    * @param {Object} item The data of the item used to generate the shortcut.
    * @param {function(Object, string, BrowserEvent)=} opt_clickCallback The
    *     click callback to be triggered upon selection (if not provided it will
    *     use the default -- itemShortcutClickHandler).
    * @return {Element} The shortcut element created.
    */
   function makeListEntryItem(item, opt_clickCallback) {
     var listItem = createDiv('list-item');
     addActiveTouchListener(listItem, ACTIVE_LIST_ITEM_CSS_CLASS);
     listItem.setAttribute(CONTEXT_MENU_URL_KEY, item.url);
-    var iconUrl = MOCK ? item.icon : 'chrome://touch-icon/size/64/' + item.url;
+    var iconUrl =
+        item.icon ? item.icon : 'chrome://touch-icon/size/64/' + item.url;

[Evan Stade, 2012/09/10 09:16:08]

in javascript you do this like so:

var iconUrl = item.icon || 'chrome://touch-icon/size/64/' + item.url;

[Ted C, 2012/09/10 22:35:08]

Done.

     listItem.appendChild(createDiv('icon', iconUrl));
     trackImageLoad(iconUrl);
     var title = createElement('span', {
       textContent: item.title,
       className: 'title'
     });
     listItem.appendChild(title);
     listItem.addEventListener('click', function(evt) {
       var clickCallback =
           opt_clickCallback ? opt_clickCallback : itemShortcutClickHandler;
@@ skipping 1792 matching lines @@
 // NTP Entry point.
 /////////////////////////////////////////////////////////////////////////////
 
 /*
  * Handles initializing the UI when the page has finished loading.
  */
 window.addEventListener('DOMContentLoaded', function(evt) {
   ntp.init();
   $('content-area').style.display = 'block';
 });