--wip-- [skip ci]

src/app/blog/page.client.test.tsx

@@ -1,5 +1,4 @@
 import { posts } from '@frontend/test/__mocks__/post';
-import { AppRouterContextProviderMock } from '@frontend/test/appRouterMock';
 import render from '@frontend/test/render';
 import { screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
@@ -52,20 +51,15 @@ describe('PostsClient', () => {
 
     await userEvent.type(screen.getByRole('textbox'), 'vault');
 
-    screen.debug();
+    // vault post
+    expect(screen.queryByText(posts[2].title)).toBeInTheDocument();
+    expect(screen.queryByText(posts[2].intro)).toBeInTheDocument();
 
-    // await waitFor(() => {
-    //   // vault post
-    //   expect(screen.getByText(posts[2].title)).toBeInTheDocument();
-    //   expect(screen.getByText(posts[2].intro)).toBeInTheDocument();
+    // rest of posts
+    expect(screen.queryByText(posts[0].title)).not.toBeInTheDocument();
+    expect(screen.queryByText(posts[0].intro)).not.toBeInTheDocument();
 
-    //   expect(screen.getByText(posts[0].title)).not.toBeInTheDocument();
-    //   expect(screen.getByText(posts[0].intro)).not.toBeInTheDocument();
-
-    //   expect(screen.getByText(posts[1].title)).not.toBeInTheDocument();
-    //   expect(screen.getByText(posts[1].intro)).not.toBeInTheDocument();
-    // });
+    expect(screen.queryByText(posts[1].title)).not.toBeInTheDocument();
+    expect(screen.queryByText(posts[1].intro)).not.toBeInTheDocument();
   });
-
-  test('navigating to url with query param filters posts', async () => {});
 });

src/app/blog/page.client.tsx

@@ -6,6 +6,7 @@ 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';