Testing pageview event in vercel with app directory

4lejandrito · May 18, 2024 · d79a558 · d79a558
1 parent 04e92ee
commit d79a558
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 0 deletions.
diff --git a/demo/app/app-directory-test/page.js b/demo/app/app-directory-test/page.js
@@ -0,0 +1,3 @@
+export default function AppDirectoryTestPage() {
+  return 'This page should send a pageview event'
+}
diff --git a/demo/app/layout.js b/demo/app/layout.js
@@ -0,0 +1,22 @@
+import PlausibleProvider from '../next-plausible/index.esm'
+
+export default function RootLayout({ children }) {
+  const domain =
+    process.env.NODE_ENV === 'production'
+      ? 'next-plausible.vercel.app'
+      : 'localhost:3000'
+  return (
+    <html lang="en">
+      <head>
+        <PlausibleProvider
+          domain={domain}
+          trackOutboundLinks
+          trackFileDownloads
+          enabled={domain.indexOf('localhost') !== -1 || undefined}
+          trackLocalhost={domain.indexOf('localhost') !== -1}
+        />
+      </head>
+      <body>{children}</body>
+    </html>
+  )
+}
diff --git a/demo/package-lock.json b/demo/package-lock.json
diff --git a/test/vercel/test.ts b/test/vercel/test.ts
@@ -25,6 +25,26 @@ testPlausibleProvider((withPage) => {
   )
 }, 'https://next-plausible.vercel.app')
 
+testPlausibleProvider((withPage) => {
+  describe(
+    'when used in a production deployment on vercel with the app directory',
+    withPage(
+      '/app-directory-test',
+      (_, getPage, events) => {
+        it('sends the pageview event', async () => {
+          await getPage().waitForNetworkIdle()
+          expect(events).toEqual([
+            expect.objectContaining({
+              n: 'pageview',
+            }),
+          ])
+        })
+      },
+      'next-plausible.vercel.app'
+    )
+  )
+}, 'https://next-plausible.vercel.app')
+
 testPlausibleProvider((withPage) => {
   describe(
     'when used in a preview deployment on vercel',