From 4e4d2eb25365be861e19f9756cf334ba2faa6911 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Thu, 14 Dec 2023 18:55:21 +0100
Subject: 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.
---
 tests/cypress/e2e/pages/blog.cy.ts | 72 +++++++++++++++++---------------------
 1 file changed, 32 insertions(+), 40 deletions(-)

(limited to 'tests/cypress/e2e/pages/blog.cy.ts')

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', () => {
-- 
cgit v1.2.3