New test for blog categories click

- Add  a new playwright test for blog categories click
- Refactor by using same project than the other tests for blog.

Author: cderv

…laywright/blog/listing-search/.gitignore …s/playwright/blog/simple-blog/.gitignoretests/docs/playwright/blog/listing-search/.gitignore renamed to tests/docs/playwright/blog/simple-blog/.gitignore tests/docs/playwright/blog/listing-search/.gitignore renamed to tests/docs/playwright/blog/simple-blog/.gitignore

@@ -9,4 +9,6 @@ This is the first post in a Quarto blog. Welcome!
 
 ![](thumbnail.jpg)
 
+## About image listing {#img-lst}
+
 Since this post doesn't specify an explicit `image`, the first image in the post will be used in the listing page of posts.

…aywright/blog/listing-search/_quarto.yml …/playwright/blog/simple-blog/_quarto.ymltests/docs/playwright/blog/listing-search/_quarto.yml renamed to tests/docs/playwright/blog/simple-blog/_quarto.yml tests/docs/playwright/blog/listing-search/_quarto.yml renamed to tests/docs/playwright/blog/simple-blog/_quarto.yml

@@ -4,7 +4,7 @@ import { getUrl } from "../src/utils.js";
 
 test('List.js is correctly patch to allow searching with lowercase and uppercase', 
   async ({ page }) => {
-    await page.goto(getUrl('blog/listing-search/_site/'));
+    await page.goto(getUrl('blog/simple-blog/_site/'));
     await page.getByPlaceholder('Filter').click();
     await page.getByPlaceholder('Filter').fill('Code');
     await page.getByPlaceholder('Filter').press('Enter');
@@ -21,3 +21,14 @@ test('List.js is correctly patch to allow searching with lowercase and uppercase
     await expect(page.getByRole('link', { name: 'Post With Code' })).toBeVisible();
     await expect(page.getByRole('link', { name: 'Welcome To My Blog' })).toBeHidden();
 });
+
+test('Categories link are clickable', async ({ page }) => {
+  await page.goto(getUrl('blog/simple-blog/_site/posts/welcome/'));
+  await page.locator('div').filter({ hasText: /^news$/ }).click();
+  await expect(page).toHaveURL(/_site\/index\.html#category=news$/);
+  await expect(page.locator('div.category[data-category="news"]')).toHaveClass(/active/);
+  await page.goto(getUrl('blog/simple-blog/_site/posts/welcome/#img-lst'));
+  await page.locator('div').filter({ hasText: /^news$/ }).click();
+  await expect(page).toHaveURL(/_site\/index\.html#category=news$/);
+  await expect(page.locator('div.category[data-category="news"]')).toHaveClass(/active/);
+});