FYI: NPM packages updates, consistent multiline CSS selectors (lint), backgroundColor fix (performance)

README.md

@@ -15,7 +15,7 @@ Readium CSS provides styles for reflowable text:
 - media overlays and user highlights;
 - a set of baselines and recommendations for accessibility, overrides, and internationalization.
 
-**Readium CSS is currently in alpha** (version `1.0.0-alpha.4`).
+**Readium CSS is currently in alpha** (version `1.0.0-alpha.5`).
 
 ## License
 

backstop.json

@@ -15,175 +15,175 @@
   "scenarios": [
     {
       "label": "Paged",
-      "url": "tests/base.html",
+      "url": "http://localhost:8000/tests/base.html",
       "delay": 0,
       "selectors": ["viewport"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Paged rtl",
-      "url": "tests/base-rtl.html",
+      "url": "http://localhost:8000/tests/base-rtl.html",
       "delay": 0,
       "selectors": ["viewport"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Paged vertical",
-      "url": "tests/base-vertical.html",
+      "url": "http://localhost:8000/tests/base-vertical.html",
       "delay": 0,
       "selectors": ["viewport"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "1 column pref",
-      "url": "tests/cols-1.html",
+      "url": "http://localhost:8000/tests/cols-1.html",
       "delay": 0,
       "selectors": ["viewport"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "2 columns pref",
-      "url": "tests/cols-2.html",
+      "url": "http://localhost:8000/tests/cols-2.html",
       "delay": 0,
       "selectors": ["viewport"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Page margins pref",
-      "url": "tests/margins.html",
+      "url": "http://localhost:8000/tests/margins.html",
       "delay": 0,
       "selectors": ["viewport"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Scroll pref",
-      "url": "tests/scroll.html",
+      "url": "http://localhost:8000/tests/scroll.html",
       "delay": 0,
       "selectors": ["viewport"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Scroll vertical pref",
-      "url": "tests/scroll-vertical.html",
+      "url": "http://localhost:8000/tests/scroll-vertical.html",
       "delay": 0,
       "selectors": ["viewport"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Day mode pref",
-      "url": "tests/day.html",
+      "url": "http://localhost:8000/tests/day.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Sepia mode pref",
-      "url": "tests/sepia.html",
+      "url": "http://localhost:8000/tests/sepia.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Night mode pref",
-      "url": "tests/night.html",
+      "url": "http://localhost:8000/tests/night.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Font family pref",
-      "url": "tests/font-family.html",
+      "url": "http://localhost:8000/tests/font-family.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Font size pref",
-      "url": "tests/font-size.html",
+      "url": "http://localhost:8000/tests/font-size.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Type scale pref",
-      "url": "tests/type-scale.html",
+      "url": "http://localhost:8000/tests/type-scale.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Text align pref",
-      "url": "tests/text-align.html",
+      "url": "http://localhost:8000/tests/text-align.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Hyphens pref",
-      "url": "tests/hyphens.html",
+      "url": "http://localhost:8000/tests/hyphens.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Line height pref",
-      "url": "tests/line-height.html",
+      "url": "http://localhost:8000/tests/line-height.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Para spacing pref",
-      "url": "tests/para-spacing.html",
+      "url": "http://localhost:8000/tests/para-spacing.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Para spacing vertical pref",
-      "url": "tests/para-spacing-vertical.html",
+      "url": "http://localhost:8000/tests/para-spacing-vertical.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Wordspacing pref",
-      "url": "tests/word-spacing.html",
+      "url": "http://localhost:8000/tests/word-spacing.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Letterspacing pref",
-      "url": "tests/letter-spacing.html",
+      "url": "http://localhost:8000/tests/letter-spacing.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Ligatures pref",
-      "url": "tests/arabic-ligatures.html",
+      "url": "http://localhost:8000/tests/arabic-ligatures.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Accessibility font pref",
-      "url": "tests/a11y-font.html",
+      "url": "http://localhost:8000/tests/a11y-font.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Accessibility normalize pref",
-      "url": "tests/a11y-normalize.html",
+      "url": "http://localhost:8000/tests/a11y-normalize.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
     {
       "label": "Accessibility custom pref",
-      "url": "tests/a11y-custom.html",
+      "url": "http://localhost:8000/tests/a11y-custom.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
@@ -197,8 +197,10 @@
     "ci_report": "tests/backstop_data/ci_report"
   },
   "report": ["browser"],
-  "engine": "chrome",
-  "engineFlags": [],
+  "engine": "puppeteer",
+  "engineOptions": {
+    "args": ["--no-sandbox"]
+  },
   "asyncCaptureLimit": 5,
   "asyncCompareLimit": 50,
   "debug": false,