From c29eb0c0c3fd63da86493955241651cd2acdc2be Mon Sep 17 00:00:00 2001
From: luke-h1 <luke.howsam@yahoo.com>
Date: Wed, 11 Dec 2024 15:11:26 +0000
Subject: [PATCH] --wip-- [skip ci]

---
 e2e/blog.spec.ts             | 38 ++++++++++++++++++++++++++++++++++++
 src/app/blog/page.client.tsx |  1 -
 2 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/e2e/blog.spec.ts b/e2e/blog.spec.ts
index 1f180c284..29eb8e2aa 100644
--- a/e2e/blog.spec.ts
+++ b/e2e/blog.spec.ts
@@ -60,4 +60,42 @@ test.describe('blog', () => {
       await expect(page.locator('h1').first()).toHaveText('Blog');
     }
   });
+
+  test('searches correctly', async () => {
+    const input = page.getByRole('textbox');
+
+    await input.fill('Vault');
+
+    const title = page.locator('[data-testid="post-title"]', {
+      hasText: 'Getting started with aws-vault',
+    });
+
+    await expect(title).toHaveText('Getting started with aws-vault');
+
+    const otherBlogPost = page.locator('[data-testid="post-title"]', {
+      hasText: 'Code linters and formatters',
+    });
+
+    await expect(otherBlogPost).not.toBeVisible();
+
+    await expect(page).toHaveURL(`${baseUrl}/blog?title=Vault`);
+  });
+
+  test('searches correctly via visting URL param', async () => {
+    await page.goto(`${baseUrl}/blog?title=playwright`);
+    const input = page.getByRole('textbox');
+
+    await expect(input).toHaveValue('playwright');
+
+    const playwrightBlogPost = page.locator('[data-testid="post-title"]', {
+      hasText: 'Getting started with Playwright UI testing',
+    });
+
+    await expect(playwrightBlogPost).toBeVisible();
+
+    const otherBlogPost = page.locator('[data-testid="post-title"]', {
+      hasText: 'Code linters and formatters',
+    });
+    await expect(otherBlogPost).not.toBeVisible();
+  });
 });
diff --git a/src/app/blog/page.client.tsx b/src/app/blog/page.client.tsx
index e9e71ba80..c1efe1c9b 100644
--- a/src/app/blog/page.client.tsx
+++ b/src/app/blog/page.client.tsx
@@ -6,7 +6,6 @@ import Input from '@frontend/components/Input';
 import PostItem from '@frontend/components/PostItem';
 import Spacer from '@frontend/components/Spacer';
 import { Post } from '@frontend/types/sanity';
-import debounce from 'lodash/debounce';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation';
 import { ChangeEvent, useCallback, useState } from 'react';