Update snapshots with Inter font

ReihaneB · Feb 24, 2024 · 58866a9 · 58866a9
1 parent 5bf9240
commit 58866a9
Show file tree

Hide file tree

Showing 3 changed files with 289 additions and 243 deletions.
diff --git a/src/hooks/useClickable/__snapshots__/useClickable.stories.tsx.snap b/src/hooks/useClickable/__snapshots__/useClickable.stories.tsx.snap
@@ -1,111 +1,52 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Hooks/useClickable ClickOnce play-test 1`] = `
-<div>
-  <button type="button"
-          data-testid="clickable"
-  >
-    Click me
-  </button>
-  <p data-testid="count">
-    Clicked 1 times
-  </p>
-</div>
+<main class="inter-normal">
+  <div>
+    <button type="button"
+            data-testid="clickable"
+    >
+      Click me
+    </button>
+    <p data-testid="count">
+      Clicked 1 times
+    </p>
+  </div>
+</main>
 `;
 
 exports[`Hooks/useClickable DisableDebounce play-test 1`] = `
-<div>
-  <button type="button"
-          data-testid="clickable"
-  >
-    Click me
-  </button>
-  <p data-testid="count">
-    Clicked 2 times
-  </p>
-</div>
-`;
-
-exports[`Hooks/useClickable Disabled play-test 1`] = `
-<div>
-  <button type="button"
-          data-testid="clickable"
-  >
-    Click me
-  </button>
-  <p data-testid="count">
-    Clicked 0 times
-  </p>
-</div>
-`;
-
-exports[`Hooks/useClickable MultipleClicks play-test 1`] = `
-<div>
-  <button type="button"
-          data-testid="clickable"
-  >
-    Click me
-  </button>
-  <p data-testid="count">
-    Clicked 1 times
-  </p>
-</div>
-`;
-
-exports[`Hooks/useClickable Playground smoke-test 1`] = `
-<div>
-  <button type="button"
-          data-testid="clickable"
-  >
-    Click me
-  </button>
-  <p data-testid="count">
-    Clicked 0 times
-  </p>
-</div>
-`;
-
-exports[`Hooks/useClickable PressEnter play-test 1`] = `
-<div>
-  <p>
-    onMouseDown called 1 times
-  </p>
+<main class="inter-normal">
   <div>
     <button type="button"
             data-testid="clickable"
     >
       Click me
     </button>
     <p data-testid="count">
-      Clicked 1 times
+      Clicked 2 times
     </p>
   </div>
-</div>
+</main>
 `;
 
-exports[`Hooks/useClickable PressSpace play-test 1`] = `
-<div>
-  <p>
-    onMouseDown called 1 times
-  </p>
+exports[`Hooks/useClickable Disabled play-test 1`] = `
+<main class="inter-normal">
   <div>
     <button type="button"
             data-testid="clickable"
     >
       Click me
     </button>
     <p data-testid="count">
-      Clicked 1 times
+      Clicked 0 times
     </p>
   </div>
-</div>
+</main>
 `;
 
-exports[`Hooks/useClickable WithOnMouseDown play-test 1`] = `
-<div>
-  <p>
-    onMouseDown called 1 times
-  </p>
+exports[`Hooks/useClickable MultipleClicks play-test 1`] = `
+<main class="inter-normal">
   <div>
     <button type="button"
             data-testid="clickable"
@@ -116,14 +57,11 @@ exports[`Hooks/useClickable WithOnMouseDown play-test 1`] = `
       Clicked 1 times
     </p>
   </div>
-</div>
+</main>
 `;
 
-exports[`Hooks/useClickable WithOnMouseEnter play-test 1`] = `
-<div>
-  <p data-testid="mouse-enter">
-    onMouseEnter called 3 times
-  </p>
+exports[`Hooks/useClickable Playground smoke-test 1`] = `
+<main class="inter-normal">
   <div>
     <button type="button"
             data-testid="clickable"
@@ -134,5 +72,85 @@ exports[`Hooks/useClickable WithOnMouseEnter play-test 1`] = `
       Clicked 0 times
     </p>
   </div>
-</div>
+</main>
+`;
+
+exports[`Hooks/useClickable PressEnter play-test 1`] = `
+<main class="inter-normal">
+  <div>
+    <p>
+      onMouseDown called 1 times
+    </p>
+    <div>
+      <button type="button"
+              data-testid="clickable"
+      >
+        Click me
+      </button>
+      <p data-testid="count">
+        Clicked 1 times
+      </p>
+    </div>
+  </div>
+</main>
+`;
+
+exports[`Hooks/useClickable PressSpace play-test 1`] = `
+<main class="inter-normal">
+  <div>
+    <p>
+      onMouseDown called 1 times
+    </p>
+    <div>
+      <button type="button"
+              data-testid="clickable"
+      >
+        Click me
+      </button>
+      <p data-testid="count">
+        Clicked 1 times
+      </p>
+    </div>
+  </div>
+</main>
+`;
+
+exports[`Hooks/useClickable WithOnMouseDown play-test 1`] = `
+<main class="inter-normal">
+  <div>
+    <p>
+      onMouseDown called 1 times
+    </p>
+    <div>
+      <button type="button"
+              data-testid="clickable"
+      >
+        Click me
+      </button>
+      <p data-testid="count">
+        Clicked 1 times
+      </p>
+    </div>
+  </div>
+</main>
+`;
+
+exports[`Hooks/useClickable WithOnMouseEnter play-test 1`] = `
+<main class="inter-normal">
+  <div>
+    <p data-testid="mouse-enter">
+      onMouseEnter called 3 times
+    </p>
+    <div>
+      <button type="button"
+              data-testid="clickable"
+      >
+        Click me
+      </button>
+      <p data-testid="count">
+        Clicked 0 times
+      </p>
+    </div>
+  </div>
+</main>
 `;