From dc9e2fb051d254c149aa4321f7f5d81c46bce416 Mon Sep 17 00:00:00 2001
From: nukeop <12746779+nukeop@users.noreply.github.com>
Date: Tue, 26 Jul 2022 23:45:42 +0200
Subject: [PATCH] Snapshot tests

---
 .../lib/components/PromotedArtist/index.tsx   |   2 +-
 .../promotedArtist.test.tsx.snap              | 127 ++++++++++++++++++
 packages/ui/test/promotedArtist.test.tsx      |  22 +++
 3 files changed, 150 insertions(+), 1 deletion(-)
 create mode 100644 packages/ui/test/__snapshots__/promotedArtist.test.tsx.snap
 create mode 100644 packages/ui/test/promotedArtist.test.tsx

diff --git a/packages/ui/lib/components/PromotedArtist/index.tsx b/packages/ui/lib/components/PromotedArtist/index.tsx
index acb3acd382..747a70ca67 100644
--- a/packages/ui/lib/components/PromotedArtist/index.tsx
+++ b/packages/ui/lib/components/PromotedArtist/index.tsx
@@ -73,7 +73,7 @@ const PromotedArtist: React.FC<PromotedArtistProps> = ({
         }}
       />
       <img
-        src={blobMaskShadow}
+        src={blobMaskShadow as unknown as string}
         className={styles.mask_shadow}
       />
     </div>
diff --git a/packages/ui/test/__snapshots__/promotedArtist.test.tsx.snap b/packages/ui/test/__snapshots__/promotedArtist.test.tsx.snap
new file mode 100644
index 0000000000..652115a856
--- /dev/null
+++ b/packages/ui/test/__snapshots__/promotedArtist.test.tsx.snap
@@ -0,0 +1,127 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`(Snapshot) PromotedArtist (name and description) should render correctly 1`] = `
+<DocumentFragment>
+  <div
+    class="promoted_artist"
+    style="background-image: url(https://via.placeholder.com/600x250);"
+  >
+    <div
+      class="promoted_artist_info"
+    >
+      <div
+        class="name"
+      >
+        Test artist
+      </div>
+      <div
+        class="description"
+      >
+        Test description
+      </div>
+      <div
+        class="spacer"
+      />
+      <div
+        class="button_row"
+      >
+        <button
+          class="ui pink circular button nuclear button promoted_artist_button"
+        >
+          <i
+            aria-hidden="true"
+            class="itunes note icon"
+          />
+          Check out
+        </button>
+        <a
+          class="ui button nuclear button text promoted_artist_button"
+          href="https://nuclear.js.org"
+          rel="noopener noreferrer"
+          role="button"
+          target="_blank"
+        >
+          <i
+            aria-hidden="true"
+            class="external icon"
+          />
+          External link
+        </a>
+      </div>
+    </div>
+    <div
+      class="promoted_artist_image"
+    >
+      <img
+        class="image"
+        src="https://via.placeholder.com/300"
+        style="mask-image: url(test-file-stub);"
+      />
+      <img
+        class="mask_shadow"
+        src="test-file-stub"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`(Snapshot) PromotedArtist (name only) should render correctly 1`] = `
+<DocumentFragment>
+  <div
+    class="promoted_artist"
+  >
+    <div
+      class="promoted_artist_info"
+    >
+      <div
+        class="name"
+      >
+        Test artist
+      </div>
+      <div
+        class="spacer"
+      />
+      <div
+        class="button_row"
+      >
+        <button
+          class="ui pink circular button nuclear button promoted_artist_button"
+        >
+          <i
+            aria-hidden="true"
+            class="itunes note icon"
+          />
+          Check out
+        </button>
+        <a
+          class="ui button nuclear button text promoted_artist_button"
+          href="https://nuclear.js.org"
+          rel="noopener noreferrer"
+          role="button"
+          target="_blank"
+        >
+          <i
+            aria-hidden="true"
+            class="external icon"
+          />
+          External link
+        </a>
+      </div>
+    </div>
+    <div
+      class="promoted_artist_image"
+    >
+      <img
+        class="image"
+        src="https://via.placeholder.com/300"
+        style="mask-image: url(test-file-stub);"
+      />
+      <img
+        class="mask_shadow"
+        src="test-file-stub"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
diff --git a/packages/ui/test/promotedArtist.test.tsx b/packages/ui/test/promotedArtist.test.tsx
new file mode 100644
index 0000000000..46c8ecd9a7
--- /dev/null
+++ b/packages/ui/test/promotedArtist.test.tsx
@@ -0,0 +1,22 @@
+import { PromotedArtist } from '../lib';
+import { makeSnapshotTest } from './helpers';
+
+makeSnapshotTest(
+  PromotedArtist, {
+    name: 'Test artist',
+    imageUrl: 'https://via.placeholder.com/300',
+    externalUrl: 'https://nuclear.js.org',
+    onListenClick: () => {}
+  }, '(Snapshot) PromotedArtist (name only)'
+);
+
+makeSnapshotTest(
+  PromotedArtist, {
+    name: 'Test artist',
+    description: 'Test description',
+    imageUrl: 'https://via.placeholder.com/300',
+    backgroundImageUrl: 'https://via.placeholder.com/600x250',
+    externalUrl: 'https://nuclear.js.org',
+    onListenClick: () => {}
+  }, '(Snapshot) PromotedArtist (name and description)'
+);