all files / src/aggregators/will-get-add-to-homescreen-prompt/ index.js

100% Statements 17/17
100% Branches 0/0
100% Functions 4/4
100% Lines 17/17
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109                                                                                                                                                                                       
/**
 * @license
 * Copyright 2016 Google Inc. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
 
'use strict';
 
const Aggregate = require('../aggregate');
const serviceWorker = require('../../audits/offline/service-worker');
const manifestExists = require('../../audits/manifest/exists');
const manifestStartUrl = require('../../audits/manifest/start-url');
const manifestIconsMin144 = require('../../audits/manifest/icons-min-144');
const manifestShortName = require('../../audits/manifest/short-name');
 
class AddToHomescreen extends Aggregate {
 
  /**
   * @override
   * @return {string}
   */
  static get name() {
    return 'User can be prompted to Add to Homescreen';
  }
 
  /**
   * @override
   * @return {string}
   */
  static get description() {
    return `While users can manually add your site to their homescreen in the browser menu, the
            <a href="https://developers.google.com/web/updates/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android?hl=en">prompt
            (aka app install banner)</a> will proactively prompt the user to install the
            app if the below requirements are met and the user has visited your site at
            least twice (with at least five minutes between visits).`;
  }
 
  /**
   * @override
   * @return {!AggregationType}
   */
  static get type() {
    return Aggregate.TYPES.PWA;
  }
 
  /**
   * For the install-to-homescreen / install-app-banner prompt to show,
   * Chrome needs the following:
   *   - has a registered SW
   *   - has valid manifest
   *   - valid start_url
   *   - valid name
   *   - valid short_name
   *   - short_name of reasonable length
   *   - icon of size >= 144x144 (technically 48dp)
   *       and png (either type `image/png` or filename ending in `.png`
   * @see https://github.com/GoogleChrome/lighthouse/issues/23
 
   * If you'd like to provide native rendering of icon for homescreen and
   * splashscreen across supported screen densities, provide in these sizes:
   *   72, 96, 144, 192, 256, 384, 512
 
   * @override
   * @return {!AggregationCriteria}
   */
  static get criteria() {
    const criteria = {};
    criteria[serviceWorker.meta.name] = {
      value: true,
      weight: 1
    };
 
    criteria[manifestExists.meta.name] = {
      value: true,
      weight: 1
    };
 
    criteria[manifestStartUrl.meta.name] = {
      value: true,
      weight: 1
    };
 
    criteria[manifestIconsMin144.meta.name] = {
      value: true,
      weight: 1
    };
 
    criteria[manifestShortName.meta.name] = {
      value: true,
      weight: 0
    };
 
    return criteria;
  }
}
 
module.exports = AddToHomescreen;