Add a test for post with url encoded url

Author: cderv

tests/docs/playwright/blog/simple-blog/posts/post with space/image.jpg

@@ -0,0 +1,13 @@
+---
+title: "testing post with space"
+author: "Harlow Malloc"
+date: "2024-12-28"
+categories: [news, code, analysis]
+image: "image.jpg"
+---
+
+This is a post folder name with space
+
+```{r}
+1 + 1
+```

tests/docs/playwright/blog/simple-blog/posts/post with space/index.qmd

@@ -0,0 +1,13 @@
+---
+title: "testing post with space"
+author: "Harlow Malloc"
+date: "2024-12-28"
+categories: [news, code, analysis]
+image: "image.jpg"
+---
+
+This is a post folder name with space
+
+```{r}
+1 + 1
+```

tests/docs/playwright/blog/simple-blog/posts2/post with space/image.jpg

@@ -0,0 +1,13 @@
+---
+title: "testing post with space"
+author: "Harlow Malloc"
+date: "2024-12-28"
+categories: [news, code, analysis]
+image: "image.jpg"
+---
+
+This is a post folder name with space
+
+```{r}
+1 + 1
+```

tests/docs/playwright/blog/simple-blog/posts2/post with space/index.qmd

@@ -28,40 +28,41 @@ Object.entries(testPages).forEach(([postDir, pageName]) => {
       await expect(page.getByRole('link', { name: 'Welcome To My Blog' })).toBeHidden();
   });
 
-  const checkCategoryLink = async (page: Page, category: string, pageName: string) => {
+  const checkCategoryLink = async (page: Page, category: string, pageName: string, postTitle: string) => {
     await page.getByText(category, { exact: true }).click();
     await expect(page).toHaveURL(getUrl(`blog/simple-blog/_site/${pageName}#category=${encodeURIComponent(category)}`));
     await expect(page.locator(`div.category[data-category="${btoa(encodeURIComponent(category))}"]`)).toHaveClass(/active/);
+    await expect(page.getByRole('link', { name: postTitle })).toBeVisible();
   };
 
   test(`All Categories links are clickable ${postDir} pages`, 
     async ({ page }) => {
       // Checking link is working
       await page.goto(`./blog/simple-blog/_site/${postDir}/welcome/`);
-      await checkCategoryLink(page, 'news', pageName);
+      await checkCategoryLink(page, 'news', pageName, 'Welcome To My Blog');
       // Including for special characters
       await page.getByRole('link', { name: 'Welcome To My Blog' }).click();
-      await checkCategoryLink(page, 'euros (€)', pageName);
+      await checkCategoryLink(page, 'euros (€)', pageName, 'Welcome To My Blog');
       await page.getByRole('link', { name: 'Welcome To My Blog' }).click();
-      await checkCategoryLink(page, '免疫', pageName);
+      await checkCategoryLink(page, '免疫', pageName, 'Welcome To My Blog');
       await page.goto(`./blog/simple-blog/_site/${postDir}/post-with-code/`);
-      await checkCategoryLink(page, "apos'trophe", pageName);
+      await checkCategoryLink(page, "apos'trophe", pageName, 'Post With Code');
       // special check for when a page is not loaded from non root path
       await page.goto(`./blog/simple-blog/_site/${postDir}/welcome/#img-lst`);
-      await checkCategoryLink(page, 'news', pageName);
+      await checkCategoryLink(page, 'news', pageName, 'Welcome To My Blog');
+      // special check for post with space in page name
+      await page.goto(`./blog/simple-blog/_site/${postDir}/post with space/`);
+      await checkCategoryLink(page, 'news', pageName, 'testing post with space');
   });
 
   if (pageName !== 'table.html') {
     test(`Categories link on listing page works for ${pageName}`, async ({ page }) => {
       await page.goto(`./blog/simple-blog/_site/${pageName}`);
-      await checkCategoryLink(page, 'apos\'trophe', pageName);
-      await expect(page.getByRole('link', { name: 'Post With Code' })).toBeVisible();
+      await checkCategoryLink(page, 'apos\'trophe', pageName, 'Post With Code');
       await page.goto(`./blog/simple-blog/_site/${pageName}`);
-      await checkCategoryLink(page, 'euros (€)', pageName);
-      await expect(page.getByRole('link', { name: 'Welcome To My Blog' })).toBeVisible();
+      await checkCategoryLink(page, 'euros (€)', pageName, 'Welcome To My Blog');
       await page.goto(`./blog/simple-blog/_site/${pageName}`);
-      await checkCategoryLink(page, '免疫', pageName);
-      await expect(page.getByRole('link', { name: 'Welcome To My Blog' })).toBeVisible();
+      await checkCategoryLink(page, '免疫', pageName, 'Welcome To My Blog');
     });
   }
 });