Core | Test: Update css

f5 · Jun 21, 2024 · 5ba3cc4 · 5ba3cc4
1 parent c19cd6d
commit 5ba3cc4
Show file tree

Hide file tree

Showing 10 changed files with 40 additions and 30 deletions.
diff --git a/...aps_reference/unovisdev_Graph__ELK_Layout_0_exampleViewer_0_Vertical__Phone.png b/...aps_reference/unovisdev_Graph__ELK_Layout_0_exampleViewer_0_Vertical__Phone.png
diff --git a/...reference/unovisdev_Graph__ELK_Layout_0_exampleViewer_1_Horizontal__Desktop.png b/...reference/unovisdev_Graph__ELK_Layout_0_exampleViewer_1_Horizontal__Desktop.png
diff --git a/...rence/unovisdev_Leaflet_Map__Raster_Tiles_0_exampleViewer_0_Vertical__Phone.png b/...rence/unovisdev_Leaflet_Map__Raster_Tiles_0_exampleViewer_0_Vertical__Phone.png
diff --git a/...e/unovisdev_Leaflet_Map__Raster_Tiles_0_exampleViewer_1_Horizontal__Desktop.png b/...e/unovisdev_Leaflet_Map__Raster_Tiles_0_exampleViewer_1_Horizontal__Desktop.png
diff --git a/...rence/unovisdev_Timeline__Negative_Length_0_exampleViewer_0_Vertical__Phone.png b/...rence/unovisdev_Timeline__Negative_Length_0_exampleViewer_0_Vertical__Phone.png
diff --git a/...e/unovisdev_Timeline__Negative_Length_0_exampleViewer_1_Horizontal__Desktop.png b/...e/unovisdev_Timeline__Negative_Length_0_exampleViewer_1_Horizontal__Desktop.png
diff --git a/...unovisdev_Timeline__Tooltip_and_Scrolling_0_exampleViewer_0_Vertical__Phone.png b/...unovisdev_Timeline__Tooltip_and_Scrolling_0_exampleViewer_0_Vertical__Phone.png
diff --git a/...isdev_Timeline__Tooltip_and_Scrolling_0_exampleViewer_1_Horizontal__Desktop.png b/...isdev_Timeline__Tooltip_and_Scrolling_0_exampleViewer_1_Horizontal__Desktop.png
diff --git a/packages/dev/.backstop/engine_scripts/puppet/overrideCSS.js b/packages/dev/.backstop/engine_scripts/puppet/overrideCSS.js
@@ -1,4 +1,14 @@
-const BACKSTOP_TEST_CSS_OVERRIDE = 'html {background-image: none;}';
+const BACKSTOP_TEST_CSS_OVERRIDE = `
+html {
+  background-image: none;
+  -webkit-font-smoothing: none !important;
+  --font-render-hinting: none;
+
+::-webkit-scrollbar {
+  display: none; /* Chrome Safari */
+  -ms-overflow-style: none; /* IE 10+ */
+  scrollbar-width: none; /* Firefox */
+}}`;
 
 module.exports = async (page, scenario) => {
   // inject arbitrary css to override styles

diff --git a/packages/dev/backstop.json b/packages/dev/backstop.json
@@ -17,7 +17,7 @@
   "scenarios": [
     {
       "label": "Leaflet Map | Color Map",
-      "url": "http://localhost:9501/examples/Leaflet/Color%20Map",
+      "url": "http://localhost:9500/examples/Leaflet/Color%20Map",
       "selectors": [".exampleViewer"],
       "delay": 2500,
       "referenceUrl": "",
@@ -36,196 +36,196 @@
     {
       "label": "Leaflet Map | Theme",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Leaflet/Light%20and%20Dark%20Theme",
+      "url": "http://localhost:9500/examples/Leaflet/Light%20and%20Dark%20Theme",
       "misMatchThreshold" : 0.1,
       "delay": 2500
     },
     {
       "label": "Leaflet Map | Raster Tiles",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Leaflet/Raster%20Leaflet%20Map",
+      "url": "http://localhost:9500/examples/Leaflet/Raster%20Leaflet%20Map",
       "misMatchThreshold" : 0.1,
       "delay": 2500
     },
     {
       "label": "Leaflet Map | Vector Tiles",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Leaflet/Vector%20Map",
+      "url": "http://localhost:9500/examples/Leaflet/Vector%20Map",
       "misMatchThreshold" : 0.1,
       "delay": 2500
     },
     {
       "label": "Donut | Empty Segments",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Donut/Donut:%20Empty%20Segments",
+      "url": "http://localhost:9500/examples/Donut/Donut:%20Empty%20Segments",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Nested Donut | Basic",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Nested%20Donut/Basic%20Nested%20Donut",
+      "url": "http://localhost:9500/examples/Nested%20Donut/Basic%20Nested%20Donut",
       "misMatchThreshold" : 0.1,
       "delay": 1000
     },
     {
       "label": "Nested Donut | Transitions",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Nested%20Donut/Nested%20Donut%20Data%20Transitions",
+      "url": "http://localhost:9500/examples/Nested%20Donut/Nested%20Donut%20Data%20Transitions",
       "misMatchThreshold" : 0.1,
       "delay": 1000
     },
     {
       "label": "Nested Donut | Interactive",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Nested%20Donut/Interactive%20Nested%20Donut",
+      "url": "http://localhost:9500/examples/Nested%20Donut/Interactive%20Nested%20Donut",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Nested Donut | Segment Labels",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Nested%20Donut/Segment%20labels",
+      "url": "http://localhost:9500/examples/Nested%20Donut/Segment%20labels",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Nested Donut | Layer Configuration",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Nested%20Donut/Nested%20Donut%20Layer%20Configuration",
+      "url": "http://localhost:9500/examples/Nested%20Donut/Nested%20Donut%20Layer%20Configuration",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Nested Donut | Segment Values",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Nested%20Donut/Segment%20values",
+      "url": "http://localhost:9500/examples/Nested%20Donut/Segment%20values",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Nested Donut | Empty Segments",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Nested%20Donut/Empty%20Segments",
+      "url": "http://localhost:9500/examples/Nested%20Donut/Empty%20Segments",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Chord Diagram | 4 Levels",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Chord%20Diagram/Chord%20Diagram%20Hierarchy%20Nodes",
+      "url": "http://localhost:9500/examples/Chord%20Diagram/Chord%20Diagram%20Hierarchy%20Nodes",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Chord Diagram | Multiple Levels",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Chord%20Diagram/Node%20Levels",
+      "url": "http://localhost:9500/examples/Chord%20Diagram/Node%20Levels",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Chord Diagram | Basic",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Chord%20Diagram/Basic%20Chord%20Diagram",
+      "url": "http://localhost:9500/examples/Chord%20Diagram/Basic%20Chord%20Diagram",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Chord Diagram | Exponent",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Chord%20Diagram/Labels%20and%20Radius%20Scale%20Exponent",
+      "url": "http://localhost:9500/examples/Chord%20Diagram/Labels%20and%20Radius%20Scale%20Exponent",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Chord Diagram | Node Highlight",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Chord%20Diagram/Chord%20Diagram%20Node%20Selection",
+      "url": "http://localhost:9500/examples/Chord%20Diagram/Chord%20Diagram%20Node%20Selection",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Graph | ELK Layout",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Graph/Layout:%20ELK",
+      "url": "http://localhost:9500/examples/Graph/Layout:%20ELK",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Sankey | API Endpoints",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Sankey/API%20Endpoints%20Tree",
+      "url": "http://localhost:9500/examples/Sankey/API%20Endpoints%20Tree",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Area | Basic",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Area/Basic%20Area%20Chart",
+      "url": "http://localhost:9500/examples/Area/Basic%20Area%20Chart",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Axis | Styling",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Axis/Axis",
+      "url": "http://localhost:9500/examples/Axis/Axis",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Grouped Bar | Single",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Grouped%20Bar/Grouped%20Bar%20Chart",
+      "url": "http://localhost:9500/examples/Grouped%20Bar/Grouped%20Bar%20Chart",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Scatter | Point Labels",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Scatter/Points%20with%20labels",
+      "url": "http://localhost:9500/examples/Scatter/Points%20with%20labels",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Scatter | Point Stroke",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Scatter/Points%20with%20stroke",
+      "url": "http://localhost:9500/examples/Scatter/Points%20with%20stroke",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Scatter + Line | Data Gaps",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Scatter/Scatter%20with%20Line",
+      "url": "http://localhost:9500/examples/Scatter/Scatter%20with%20Line",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Stacked Bar | Basic",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Stacked%20Bar/Basic%20Stacked%20Bar%20Chart",
+      "url": "http://localhost:9500/examples/Stacked%20Bar/Basic%20Stacked%20Bar%20Chart",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Timeline | Negative Length",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Timeline/Timeline:%20Negative%20Lengths",
+      "url": "http://localhost:9500/examples/Timeline/Timeline:%20Negative%20Lengths",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "Timeline | Tooltip and Scrolling",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Timeline/Tooltip%20and%20Scrolling",
+      "url": "http://localhost:9500/examples/Timeline/Tooltip%20and%20Scrolling",
       "misMatchThreshold" : 0.1,
       "delay": 900
     },
     {
       "label": "XY Labels | On Stacked Bar",
       "selectors": [".exampleViewer"],
-      "url": "http://localhost:9501/examples/Xy%20Labels/Stacked%20Bar%20with%20Labels",
+      "url": "http://localhost:9500/examples/Xy%20Labels/Stacked%20Bar%20with%20Labels",
       "misMatchThreshold" : 0.1,
       "delay": 900
     }