From 0bec122cdbe202f6659fa868dcfbc77379a6837b Mon Sep 17 00:00:00 2001
From: Ivan Goncharov <ivan.goncharov.ua@gmail.com>
Date: Mon, 30 Sep 2024 12:19:06 +0300
Subject: [PATCH] remove datetime from SVG snapshots

---
 cspell.yml                                                   | 1 +
 tests/PageObjectModel.ts                                     | 5 +++--
 .../custom-introspection-graph-Demo-linux.svg                | 2 +-
 tests/demo.spec.ts-snapshots/custom-sdl-graph-Demo-linux.svg | 2 +-
 .../custom-sdl-with-unknown-directives-graph-Demo-linux.svg  | 2 +-
 tests/demo.spec.ts-snapshots/demo-graph-Demo-linux.svg       | 2 +-
 tests/demo.spec.ts-snapshots/github-graph-Demo-linux.svg     | 2 +-
 .../demo.spec.ts-snapshots/graph-after-resize-Demo-linux.svg | 2 +-
 .../graph-before-resize-Demo-linux.svg                       | 2 +-
 .../schema-from-url-graph-Demo-linux.svg                     | 2 +-
 .../shopify-storefront-graph-Demo-linux.svg                  | 2 +-
 tests/demo.spec.ts-snapshots/star-wars-graph-Demo-linux.svg  | 2 +-
 tests/demo.spec.ts-snapshots/yelp-graph-Demo-linux.svg       | 2 +-
 13 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/cspell.yml b/cspell.yml
index fca0af40..84e5231f 100644
--- a/cspell.yml
+++ b/cspell.yml
@@ -8,6 +8,7 @@ ignorePaths:
   - demo/presets
   - worker/viz.cpp
   - worker/Dockerfile
+  - tests/*-snapshots/
 dictionaries:
   - html
 
diff --git a/tests/PageObjectModel.ts b/tests/PageObjectModel.ts
index ba0fcf19..172b3393 100644
--- a/tests/PageObjectModel.ts
+++ b/tests/PageObjectModel.ts
@@ -98,8 +98,9 @@ class PlaywrightVoyagerPage {
   }
 
   async getGraphSVG(): Promise<string> {
-    const svg = await this.svgContainer.innerHTML();
-    return format(svg, { parser: 'html' });
+    let svg = await this.svgContainer.innerHTML();
+    svg = await format(svg, { parser: 'html' });
+    return svg.replace(/id="viewport-.*?"/, 'id="viewport-{datetime}"');
   }
 
   async submitSDL(sdl: string) {
diff --git a/tests/demo.spec.ts-snapshots/custom-introspection-graph-Demo-linux.svg b/tests/demo.spec.ts-snapshots/custom-introspection-graph-Demo-linux.svg
index 0ea3aec1..8bcd12fb 100644
--- a/tests/demo.spec.ts-snapshots/custom-introspection-graph-Demo-linux.svg
+++ b/tests/demo.spec.ts-snapshots/custom-introspection-graph-Demo-linux.svg
@@ -7,7 +7,7 @@
   style="overflow: hidden"
 >
   <g
-    id="viewport-20240929221803782"
+    id="viewport-{datetime}"
     class="svg-pan-zoom_viewport"
     transform="matrix(12.067893249583124,0,0,12.067893249583124,142.7221942583717,25.025006935590703)"
     style="transform: matrix(12.0679, 0, 0, 12.0679, 142.722, 25.025)"
diff --git a/tests/demo.spec.ts-snapshots/custom-sdl-graph-Demo-linux.svg b/tests/demo.spec.ts-snapshots/custom-sdl-graph-Demo-linux.svg
index 5af96d14..8bcd12fb 100644
--- a/tests/demo.spec.ts-snapshots/custom-sdl-graph-Demo-linux.svg
+++ b/tests/demo.spec.ts-snapshots/custom-sdl-graph-Demo-linux.svg
@@ -7,7 +7,7 @@
   style="overflow: hidden"
 >
   <g
-    id="viewport-20240929221748623"
+    id="viewport-{datetime}"
     class="svg-pan-zoom_viewport"
     transform="matrix(12.067893249583124,0,0,12.067893249583124,142.7221942583717,25.025006935590703)"
     style="transform: matrix(12.0679, 0, 0, 12.0679, 142.722, 25.025)"
diff --git a/tests/demo.spec.ts-snapshots/custom-sdl-with-unknown-directives-graph-Demo-linux.svg b/tests/demo.spec.ts-snapshots/custom-sdl-with-unknown-directives-graph-Demo-linux.svg
index 247de2c4..eb89e439 100644
--- a/tests/demo.spec.ts-snapshots/custom-sdl-with-unknown-directives-graph-Demo-linux.svg
+++ b/tests/demo.spec.ts-snapshots/custom-sdl-with-unknown-directives-graph-Demo-linux.svg
@@ -7,7 +7,7 @@
   style="overflow: hidden"
 >
   <g
-    id="viewport-20240929221748334"
+    id="viewport-{datetime}"
     class="svg-pan-zoom_viewport"
     transform="matrix(12.067893249583124,0,0,12.067893249583124,137.41232035630603,25.025006935590703)"
     style="transform: matrix(12.0679, 0, 0, 12.0679, 137.412, 25.025)"
diff --git a/tests/demo.spec.ts-snapshots/demo-graph-Demo-linux.svg b/tests/demo.spec.ts-snapshots/demo-graph-Demo-linux.svg
index 2308b9bc..ca671f33 100644
--- a/tests/demo.spec.ts-snapshots/demo-graph-Demo-linux.svg
+++ b/tests/demo.spec.ts-snapshots/demo-graph-Demo-linux.svg
@@ -7,7 +7,7 @@
   style="overflow: hidden"
 >
   <g
-    id="viewport-20240929221608093"
+    id="viewport-{datetime}"
     class="svg-pan-zoom_viewport"
     transform="matrix(0.45248857445144186,0,0,0.45248857445144186,276.84628592304256,25.02500712927622)"
     style="transform: matrix(0.452489, 0, 0, 0.452489, 276.846, 25.025)"
diff --git a/tests/demo.spec.ts-snapshots/github-graph-Demo-linux.svg b/tests/demo.spec.ts-snapshots/github-graph-Demo-linux.svg
index b9e3437f..44a62ea9 100644
--- a/tests/demo.spec.ts-snapshots/github-graph-Demo-linux.svg
+++ b/tests/demo.spec.ts-snapshots/github-graph-Demo-linux.svg
@@ -7,7 +7,7 @@
   style="overflow: hidden"
 >
   <g
-    id="viewport-20240929221743415"
+    id="viewport-{datetime}"
     class="svg-pan-zoom_viewport"
     transform="matrix(0.09928606205832086,0,0,0.09928606205832086,122.1427789121087,25.02500566023841)"
     style="transform: matrix(0.0992861, 0, 0, 0.0992861, 122.143, 25.025)"
diff --git a/tests/demo.spec.ts-snapshots/graph-after-resize-Demo-linux.svg b/tests/demo.spec.ts-snapshots/graph-after-resize-Demo-linux.svg
index 0cb8e60e..fd59c6bd 100644
--- a/tests/demo.spec.ts-snapshots/graph-after-resize-Demo-linux.svg
+++ b/tests/demo.spec.ts-snapshots/graph-after-resize-Demo-linux.svg
@@ -7,7 +7,7 @@
   style="overflow: hidden"
 >
   <g
-    id="viewport-20240929221734636"
+    id="viewport-{datetime}"
     class="svg-pan-zoom_viewport"
     transform="matrix(0.48819946094661054,0,0,0.48819946094661054,235.5584303665195,27.00000769192639)"
     style="transform: matrix(0.488199, 0, 0, 0.488199, 235.558, 27)"
diff --git a/tests/demo.spec.ts-snapshots/graph-before-resize-Demo-linux.svg b/tests/demo.spec.ts-snapshots/graph-before-resize-Demo-linux.svg
index 0cb8e60e..fd59c6bd 100644
--- a/tests/demo.spec.ts-snapshots/graph-before-resize-Demo-linux.svg
+++ b/tests/demo.spec.ts-snapshots/graph-before-resize-Demo-linux.svg
@@ -7,7 +7,7 @@
   style="overflow: hidden"
 >
   <g
-    id="viewport-20240929221734636"
+    id="viewport-{datetime}"
     class="svg-pan-zoom_viewport"
     transform="matrix(0.48819946094661054,0,0,0.48819946094661054,235.5584303665195,27.00000769192639)"
     style="transform: matrix(0.488199, 0, 0, 0.488199, 235.558, 27)"
diff --git a/tests/demo.spec.ts-snapshots/schema-from-url-graph-Demo-linux.svg b/tests/demo.spec.ts-snapshots/schema-from-url-graph-Demo-linux.svg
index c8eb5f6e..8bcd12fb 100644
--- a/tests/demo.spec.ts-snapshots/schema-from-url-graph-Demo-linux.svg
+++ b/tests/demo.spec.ts-snapshots/schema-from-url-graph-Demo-linux.svg
@@ -7,7 +7,7 @@
   style="overflow: hidden"
 >
   <g
-    id="viewport-20240929221750612"
+    id="viewport-{datetime}"
     class="svg-pan-zoom_viewport"
     transform="matrix(12.067893249583124,0,0,12.067893249583124,142.7221942583717,25.025006935590703)"
     style="transform: matrix(12.0679, 0, 0, 12.0679, 142.722, 25.025)"
diff --git a/tests/demo.spec.ts-snapshots/shopify-storefront-graph-Demo-linux.svg b/tests/demo.spec.ts-snapshots/shopify-storefront-graph-Demo-linux.svg
index 0f230fc1..6da2133e 100644
--- a/tests/demo.spec.ts-snapshots/shopify-storefront-graph-Demo-linux.svg
+++ b/tests/demo.spec.ts-snapshots/shopify-storefront-graph-Demo-linux.svg
@@ -7,7 +7,7 @@
   style="overflow: hidden"
 >
   <g
-    id="viewport-20240929221742160"
+    id="viewport-{datetime}"
     class="svg-pan-zoom_viewport"
     transform="matrix(0.3943125552041511,0,0,0.3943125552041511,40.00001014474993,74.87902841931158)"
     style="transform: matrix(0.394313, 0, 0, 0.394313, 40, 74.879)"
diff --git a/tests/demo.spec.ts-snapshots/star-wars-graph-Demo-linux.svg b/tests/demo.spec.ts-snapshots/star-wars-graph-Demo-linux.svg
index 66d384fd..ca671f33 100644
--- a/tests/demo.spec.ts-snapshots/star-wars-graph-Demo-linux.svg
+++ b/tests/demo.spec.ts-snapshots/star-wars-graph-Demo-linux.svg
@@ -7,7 +7,7 @@
   style="overflow: hidden"
 >
   <g
-    id="viewport-20240929221738344"
+    id="viewport-{datetime}"
     class="svg-pan-zoom_viewport"
     transform="matrix(0.45248857445144186,0,0,0.45248857445144186,276.84628592304256,25.02500712927622)"
     style="transform: matrix(0.452489, 0, 0, 0.452489, 276.846, 25.025)"
diff --git a/tests/demo.spec.ts-snapshots/yelp-graph-Demo-linux.svg b/tests/demo.spec.ts-snapshots/yelp-graph-Demo-linux.svg
index 91aa2ce0..6125d487 100644
--- a/tests/demo.spec.ts-snapshots/yelp-graph-Demo-linux.svg
+++ b/tests/demo.spec.ts-snapshots/yelp-graph-Demo-linux.svg
@@ -7,7 +7,7 @@
   style="overflow: hidden"
 >
   <g
-    id="viewport-20240929221738628"
+    id="viewport-{datetime}"
     class="svg-pan-zoom_viewport"
     transform="matrix(0.7501208982335215,0,0,0.7501208982335215,40.00000886203516,161.8954262964213)"
     style="transform: matrix(0.750121, 0, 0, 0.750121, 40, 161.895)"