skin: use custom favicon PNG

.travis.yml

@@ -0,0 +1,16 @@
+language: node_js
+node_js:
+  - 8
+  - node
+cache:
+  yarn: true
+  directories:
+    - skin/node_modules
+before_install:
+  - curl -o- -L https://yarnpkg.com/install.sh | bash
+  - export PATH="$HOME/.yarn/bin:$PATH"
+script:
+ - 'if [ $TEST_SUITE = "skin" ]; then skin/ci/test.sh; fi'
+env:
+  matrix:
+    - TEST_SUITE=skin

skin/ci/test.sh

@@ -0,0 +1,12 @@
+#!/usr/bin/env sh
+
+set -eu
+
+# Start in skin/
+cd "$(dirname "$0")/.."
+
+yarn install
+
+yarn prettier-check
+
+yarn test

skin/index.js

@@ -1,5 +1,7 @@
 import React from "react";
 
+import "./img/favicon.png";
+
 import InfoActivities from "../../components/info_activities.jsx";
 import InfoEnvironments from "../../components/info_environments.jsx";
 import InfoSandbox from "../../components/info_sandbox.jsx";

skin/package.json

@@ -2,9 +2,12 @@
   "name": "console-skin",
   "version": "1.0.0",
   "dependencies": {
-    "prettier": "^1.7.4"
+    "prettier": "^1.7.4",
+    "react-scripts": "^1.0.14"
   },
   "scripts": {
-    "prettier": "prettier --write \"**/*.{js,json}\""
+    "prettier": "prettier --write \"**/*.{js,json}\"",
+    "prettier-check": "prettier --list-different \"**/*.{js,json}\"",
+    "test": "react-scripts test --env=jsdom"
   }
 }

skin/templates/web/index.html

@@ -32,7 +32,7 @@
 
 
     <link rel="stylesheet" type="text/css" href="assets/style.css">
-    <link rel="shortcut icon" type="image/png" href="assets/img/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon.png">
 
     <title>cloud.gov.au console</title>
 </head>