feat: add test cases for snapshot integration (#2377)

apps/web/src/components/Shared/Snapshot/index.tsx

@@ -11,10 +11,11 @@ import Header from './Header';
 
 interface WrapperProps {
   children: ReactNode;
+  dataTestId?: string;
 }
 
-const Wrapper: FC<WrapperProps> = ({ children }) => (
-  <Card className="mt-3 cursor-auto p-5" onClick={stopEventPropagation}>
+const Wrapper: FC<WrapperProps> = ({ children, dataTestId = '' }) => (
+  <Card className="mt-3 cursor-auto p-5" dataTestId={dataTestId} onClick={stopEventPropagation}>
     {children}
   </Card>
 );
@@ -52,7 +53,7 @@ const Snapshot: FC<SnapshotProps> = ({ propsalId }) => {
   const { proposal, votes } = data;
 
   return (
-    <Wrapper>
+    <Wrapper dataTestId={`snapshot-${proposal.id}`}>
       <Header proposal={proposal as Proposal} />
       <Choices proposal={proposal as Proposal} votes={votes as Vote[]} />
     </Wrapper>

tests/scripts/apps/web/publication.spec.ts

@@ -148,6 +148,18 @@ test.describe('Publication attachments', () => {
       await expect(publicationOembed).toBeVisible();
     });
   });
+
+  test.describe('Publication snapshot widget', () => {
+    test('should have normal oembed', async ({ page }) => {
+      await page.goto(`${WEB_BASE_URL}/posts/0x24b6-0x11`);
+
+      const snapshotWidget = page.getByTestId(
+        'snapshot-0x0f24d1b2ba7bf01e325b8800d170358b56b7181818f8e58efcc58879b99616b7'
+      );
+      await expect(snapshotWidget).toContainText('Should we build Lenster polls via Snapshot?');
+      await expect(snapshotWidget).toContainText('Yes ser');
+    });
+  });
 });
 
 test.describe('Publication sidebar', () => {

tests/scripts/packages/lib/getSnapshotProposalId.spec.ts

@@ -0,0 +1,23 @@
+import { expect, test } from '@playwright/test';
+import getSnapshotProposalId from 'lib/getSnapshotProposalId';
+
+test.describe('getSnapshotProposalId', () => {
+  test('should return null for invalid urls', () => {
+    expect(getSnapshotProposalId('https://snapshot.org')).toBeNull();
+    expect(getSnapshotProposalId('https://snapshot.org/#/invalid-url')).toBeNull();
+    expect(getSnapshotProposalId('https://snapshot.org/#/123.eth/proposal/invalid-id')).toBeNull();
+  });
+
+  test('should return the proposal id for valid urls', () => {
+    expect(
+      getSnapshotProposalId(
+        'https://snapshot.org/#/123.eth/proposal/0x1234567890123456789012345678901234567890123456789012345678901234'
+      )
+    ).toEqual('0x1234567890123456789012345678901234567890123456789012345678901234');
+    expect(
+      getSnapshotProposalId(
+        'https://snapshot.org/#/abc123.eth/proposal/0xabcdefABCDEFabcdefABCDEFabcdefABCDEFABCDEFabcdefABCDEFABCDEFabcd'
+      )
+    ).toEqual('0xabcdefABCDEFabcdefABCDEFabcdefABCDEFABCDEFabcdefABCDEFABCDEFabcd');
+  });
+});