test(e2e): fix broken Cypress tests

Since #93db24b MSW is used in Cypress tests to intercept requests. Some
tests relied on WordPress data so it becames broken. Tests are now
successful but there are still some issues with hydration because all
GraphQL requests are not intercepted and data are mixed between
WordPress and fixtures.

1 files changed, 32 insertions, 40 deletions

diff --git a/tests/cypress/e2e/pages/blog.cy.ts b/tests/cypress/e2e/pages/blog.cy.ts
index 0350e39..a83caa0 100644
--- a/tests/cypress/e2e/pages/blog.cy.ts
+++ b/tests/cypress/e2e/pages/blog.cy.ts
@@ -1,10 +1,6 @@
 import { CONFIG } from '../../../../src/utils/config';
 import { ROUTES } from '../../../../src/utils/constants';
-
-type ArticlesGroup = {
-  first: string;
-  total: string;
-};
+import { wpPostsFixture } from '../../../fixtures';
 
 describe('Blog Page', () => {
   beforeEach(() => {
@@ -19,43 +15,39 @@ describe('Blog Page', () => {
     cy.findByRole('navigation', { name: 'Fil d’Ariane' }).should('exist');
   });
 
-  it('loads the correct number of pages', () => {
+  it('loads the correct number of posts', () => {
     cy.findByText(
       /(?<first>\d+) articles chargés sur un total de (?<total>\d+)/i
-    )
-      .then(($div) => {
-        const firstLastNumbers = /(?<first>\d+).*[\D](?<total>\d+)/;
-        const result = RegExp(firstLastNumbers).exec($div.text());
-
-        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-        expect(result).to.not.be.null;
-
-        const { first, total } = result
-          ? (result.groups as ArticlesGroup)
-          : { first: '0', total: '0' };
-        const totalArticles = parseInt(total, 10);
-
-        expect(parseInt(first, 10)).to.be.within(1, CONFIG.postsPerPage);
-        expect(totalArticles).to.be.at.least(1);
-
-        const totalPages = Math.ceil(totalArticles / CONFIG.postsPerPage);
-        const remainingPages = totalPages - 1;
-
-        return Array.from({ length: remainingPages }, (_, i) => i + 1);
-      })
-      .then((remainingPages) => {
-        if (remainingPages.length >= 1) {
-          cy.wrap(remainingPages).each(() => {
-            cy.findByRole('button', {
-              name: /Charger plus d’articles/i,
-            }).click();
-          });
-        }
-
-        cy.findByRole('button', { name: /Charger plus d’articles/i }).should(
-          'not.exist'
-        );
-      });
+    ).should('exist');
+    cy.findAllByRole('link', { name: /En lire plus/ }).should(
+      'have.length.at.most',
+      CONFIG.postsPerPage
+    );
+
+    const loadMorePosts = () => {
+      cy.findByRole('button', { name: /Charger plus/ })
+        .should((_) => {
+          /* do nothing */
+        })
+        .then(($loadMoreBtn) => {
+          if (!$loadMoreBtn.length) {
+            cy.log('No more posts');
+            return;
+          }
+
+          cy.log('Loading more posts');
+          // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+          cy.wrap($loadMoreBtn).click().wait(500);
+          loadMorePosts();
+        });
+    };
+
+    loadMorePosts();
+
+    cy.findAllByRole('link', { name: /En lire plus/ }).should(
+      'have.length',
+      wpPostsFixture.length
+    );
   });
 
   it('contains a thematics list widget and a topics list widget', () => {