diff --git a/docs/test/tags/index.mdx b/docs/test/tags/index.mdx
new file mode 100644
index 000000000..8eaf00ef0
--- /dev/null
+++ b/docs/test/tags/index.mdx
@@ -0,0 +1,19 @@
+---
+title: Tags Test
+layout: DetailTechnical
+data:
+  in-stock:
+    $tag: in-stock#/data
+  out-of-stock:
+    $tag: out-of-stock#/data
+---
+
+# {meta.title}
+
+## In Stock
+
+<PageFilterView view={meta.data['in-stock']} />
+
+## Out of Stock
+
+<PageFilterView view={meta.data['out-of-stock']} />
diff --git a/packages/site/e2e/tags.test.ts b/packages/site/e2e/tags.test.ts
new file mode 100644
index 000000000..44336a983
--- /dev/null
+++ b/packages/site/e2e/tags.test.ts
@@ -0,0 +1,8 @@
+import { test, expect } from '@playwright/test';
+
+test('page can subscribe to tags ', async ({ page }) => {
+  await page.goto('/mosaic/test/tags/index');
+  await expect(page.getByRole('heading', { name: 'Tags Test' })).toBeVisible();
+  await expect(page.getByText('Product A', { exact: true })).toBeVisible();
+  await expect(page.getByText('Product B', { exact: true })).toBeVisible();
+});