From 2a9ad736c549c1a873970c1fc4d262484daf1792 Mon Sep 17 00:00:00 2001
From: Kalle Ott <kalle.ott@aboutyou.de>
Date: Tue, 30 Jun 2020 17:20:10 +0200
Subject: [PATCH] test: split client and server side tests

---
 test/index.test.tsx | 23 ----------------------
 test/ssr.test.tsx   | 47 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 23 deletions(-)
 create mode 100644 test/ssr.test.tsx

diff --git a/test/index.test.tsx b/test/index.test.tsx
index 6f57c76..1e46256 100644
--- a/test/index.test.tsx
+++ b/test/index.test.tsx
@@ -1,6 +1,3 @@
-/**
- * @jest-environment node
- */
 import React from 'react';
 import { render } from '@testing-library/react';
 import {
@@ -8,10 +5,8 @@ import {
   SpriteContextProvider,
   IconsCache,
   initOnClient,
-  renderSpriteSheetToString,
 } from '../src/index';
 import { act } from 'react-dom/test-utils';
-import { renderToString } from 'react-dom/server';
 
 const svg1 = `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
 <path d="M0 0h24v24H0z" fill="none"/>
@@ -63,24 +58,6 @@ test('should fill the cache when an icon is rendered', async () => {
   });
 });
 
-test('render loaded svgs to a svg sprite sheet string', async () => {
-  const cache: IconsCache = new Map();
-  const renderedString = renderToString(
-    <SpriteContextProvider knownIcons={cache} loadSVG={loadSVG}>
-      <Icon url={'1'}></Icon>
-    </SpriteContextProvider>,
-  );
-
-  const renderedSpriteSheet = await renderSpriteSheetToString(
-    renderedString,
-    cache,
-  );
-
-  expect(renderedSpriteSheet).toMatchInlineSnapshot(
-    `"<svg><use xlink:href=\\"#1\\"></use></svg><svg id=\\"__SVG_SPRITE_SHEET__\\" style=\\"display:none\\"><symbol id=\\"1\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M0 0h24v24H0z\\" fill=\\"none\\"/></symbol></svg>"`,
-  );
-});
-
 test('client should be able to initiate the cache from a rendered dom', async () => {
   const cache: IconsCache = new Map();
   document.body.innerHTML = `<svg id="__SVG_SPRITE_SHEET__" style="display:none">
diff --git a/test/ssr.test.tsx b/test/ssr.test.tsx
new file mode 100644
index 0000000..dc60cf7
--- /dev/null
+++ b/test/ssr.test.tsx
@@ -0,0 +1,47 @@
+/**
+ * @jest-environment node
+ */
+import React from 'react';
+import {
+  Icon,
+  SpriteContextProvider,
+  IconsCache,
+  renderSpriteSheetToString,
+} from '../src/index';
+import { renderToString } from 'react-dom/server';
+
+const svg1 = `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
+<path d="M0 0h24v24H0z" fill="none"/>
+</svg>`;
+const svg2 = `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
+<path d="M0 0h24v24H0z" fill="none"/>
+</svg>`;
+
+const loadSVG = async (url: string) => {
+  switch (url) {
+    case '1': {
+      return svg1;
+    }
+    case '2':
+    default:
+      return svg2;
+  }
+};
+
+test('render loaded svgs to a svg sprite sheet string', async () => {
+  const cache: IconsCache = new Map();
+  const renderedString = renderToString(
+    <SpriteContextProvider knownIcons={cache} loadSVG={loadSVG}>
+      <Icon url={'1'}></Icon>
+    </SpriteContextProvider>,
+  );
+
+  const renderedSpriteSheet = await renderSpriteSheetToString(
+    renderedString,
+    cache,
+  );
+
+  expect(renderedSpriteSheet).toMatchInlineSnapshot(
+    `"<svg><use xlink:href=\\"#1\\"></use></svg><svg id=\\"__SVG_SPRITE_SHEET__\\" style=\\"display:none\\"><symbol id=\\"1\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\"><path d=\\"M0 0h24v24H0z\\" fill=\\"none\\"/></symbol></svg>"`,
+  );
+});