Move shlink-web-component tests to their own folder

shlink-web-component/test/mercure/helpers/index.test.tsx

@@ -0,0 +1,60 @@
+import { fromPartial } from '@total-typescript/shoehorn';
+import { EventSourcePolyfill } from 'event-source-polyfill';
+import { identity } from 'ramda';
+import { bindToMercureTopic } from '../../../src/mercure/helpers';
+import type { MercureInfo } from '../../../src/mercure/reducers/mercureInfo';
+
+vi.mock('event-source-polyfill');
+
+describe('helpers', () => {
+  describe('bindToMercureTopic', () => {
+    const onMessage = vi.fn();
+    const onTokenExpired = vi.fn();
+
+    it.each([
+      [fromPartial<MercureInfo>({ loading: true, error: false, mercureHubUrl: 'foo' })],
+      [fromPartial<MercureInfo>({ loading: false, error: true, mercureHubUrl: 'foo' })],
+      [fromPartial<MercureInfo>({ loading: true, error: true, mercureHubUrl: 'foo' })],
+      [fromPartial<MercureInfo>({ loading: false, error: false, mercureHubUrl: undefined })],
+      [fromPartial<MercureInfo>({ loading: true, error: true, mercureHubUrl: undefined })],
+    ])('does not bind an EventSource when loading, error or no hub URL', (mercureInfo) => {
+      bindToMercureTopic(mercureInfo, [''], identity, () => {});
+
+      expect(EventSourcePolyfill).not.toHaveBeenCalled();
+      expect(onMessage).not.toHaveBeenCalled();
+      expect(onTokenExpired).not.toHaveBeenCalled();
+    });
+
+    it('binds an EventSource when mercure info is properly loaded', () => {
+      const token = 'abc.123.efg';
+      const mercureHubUrl = 'https://example.com/.well-known/mercure';
+      const topic = 'foo';
+      const hubUrl = new URL(mercureHubUrl);
+
+      hubUrl.searchParams.append('topic', topic);
+
+      const callback = bindToMercureTopic({
+        loading: false,
+        error: false,
+        mercureHubUrl,
+        token,
+      }, [topic], onMessage, onTokenExpired);
+
+      expect(EventSourcePolyfill).toHaveBeenCalledWith(hubUrl, {
+        headers: {
+          Authorization: `Bearer ${token}`,
+        },
+      });
+
+      const [es] = (EventSourcePolyfill as any).mock.instances as EventSourcePolyfill[];
+
+      es.onmessage?.({ data: '{"foo": "bar"}' });
+      es.onerror?.({ status: 401 });
+      expect(onMessage).toHaveBeenCalledWith({ foo: 'bar' });
+      expect(onTokenExpired).toHaveBeenCalled();
+
+      callback?.();
+      expect(es.close).toHaveBeenCalled();
+    });
+  });
+});