OE-818: Update React, Node, Chakra, and other packages

.github/workflows/main.yml

@@ -7,15 +7,15 @@ jobs:
 
     steps:
       - name: Checkout repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
-      - name: Use Node 14
-        uses: actions/setup-node@v1
+      - name: Use Node 20
+        uses: actions/setup-node@v4
         with:
-          node-version: '14'
+          node-version: '20'
           cache: 'npm'
 
-      - name: Use NPM 8.x
+      - name: Use NPM 9.x
         run: npm i -g npm@8
 
       - name: Install Dependencies

.nvmrc

@@ -1 +1 @@
-v16
+v20

cypress/integration/multi-pdf/navigations.ts

@@ -33,19 +33,27 @@ describe('Multi PDF navigation', () => {
   });
 
   it('should navigate forward and backwards with page buttons', () => {
-    cy.findByText('Anthropology without Informants').should('be.visible');
+    cy.findByText(
+      'Anthropology without Informants: Collected Works in Paleoanthropology by L.G. Freeman.'
+    ).should('be.visible');
     cy.findByRole('button', { name: 'Next Page' }).click();
     cy.get('#mainContent')
-      .find('div[class="react-pdf__Page__textContent"]')
+      .find('.react-pdf__Page__textContent')
       .children()
       .should('have.length', 0);
-    cy.findByText('Anthropology without Informants').should('not.exist');
+    cy.findByText(
+      'Anthropology without Informants: Collected Works in Paleoanthropology by L.G. Freeman.'
+    ).should('not.exist');
     cy.findByRole('button', { name: 'Previous Page' }).click();
-    cy.findByText('Anthropology without Informants').should('be.visible');
+    cy.findByText(
+      'Anthropology without Informants: Collected Works in Paleoanthropology by L.G. Freeman.'
+    ).should('be.visible');
   });
 
   it('should switch to scrolling mode', () => {
-    cy.findByText('Anthropology without Informants').should('be.visible');
+    cy.findByText(
+      'Anthropology without Informants: Collected Works in Paleoanthropology by L.G. Freeman.'
+    ).should('be.visible');
     cy.findByRole('button', { name: 'Settings' }).click();
     cy.findByText('Scrolling').click();
     cy.findByRole('button', { name: 'Next Page' }).click();
@@ -56,27 +64,36 @@ describe('Multi PDF navigation', () => {
   });
 
   it('should navigate between resources with page buttons on scrolling mode', () => {
-    cy.findByText('Anthropology without Informants').should('be.visible');
+    cy.findByText(
+      'Anthropology without Informants: Collected Works in Paleoanthropology by L.G. Freeman.'
+    ).should('be.visible');
     cy.findByText('Settings').click();
     cy.findByText('Scrolling').click();
     cy.findByRole('button', { name: 'Next Page' }).click();
-    cy.findByText('Anthropology without Informants').should('not.exist');
+    cy.findByText(
+      'Anthropology without Informants: Collected Works in Paleoanthropology by L.G. Freeman.'
+    ).should('not.exist');
 
     cy.log('switch from paginated to scrolling');
     cy.findByText('Settings').click();
     cy.findByText('Paginated').click();
     cy.findByRole('button', { name: 'Next Page' }).click();
 
-    cy.findByText('Anthropology without Informants').should('not.exist');
+    cy.findByText(
+      'Anthropology without Informants: Collected Works in Paleoanthropology by L.G. Freeman.'
+    ).should('not.exist');
 
     cy.findByText('Settings').click();
     cy.findByText('Scrolling').click();
     cy.findByRole('button', { name: 'Previous Page' }).click();
 
     cy.wait('@pdf');
+    cy.findByText('Settings').click();
+    cy.findByText('Zoom Out').click();
 
-    cy.findByText('Anthropology without Informants', { timeout: 10000 }).should(
-      'be.visible'
-    );
+    cy.findByText(
+      'Anthropology without Informants: Collected Works in Paleoanthropology by L.G. Freeman.',
+      { timeout: 10000 }
+    ).should('be.visible');
   });
 });

cypress/integration/multi-pdf/render-app.ts

@@ -10,6 +10,8 @@ describe('Renders multi PDF', () => {
     cy.findByRole('button', { name: 'Next Page' }).should('not.be.disabled');
     cy.findByRole('button', { name: 'Previous Page' }).should('be.disabled');
 
-    cy.findByText('Anthropology without Informants').should('be.visible');
+    cy.findByText(
+      'Anthropology without Informants: Collected Works in Paleoanthropology by L.G. Freeman.'
+    ).should('be.visible');
   });
 });

cypress/integration/single-pdf/settings.ts

@@ -25,11 +25,11 @@ describe('Single PDF display settings', () => {
   });
 
   it('should zoom in and out', () => {
-    cy.get('div[class="react-pdf__Page__textContent"]')
+    cy.get('.react-pdf__Page__textContent')
       .find('span')
       .should(
         'have.text',
-        'ECONOMICS – WORKING PAPERS 2021/03Assessing climate change  risks at the country level: the EIB scoring model'
+        'ECONOMICS – WORKING PAPERS 2021/03Assessing climate changerisks at the country level:the EIB scoring model'
       );
 
     cy.get('.react-pdf__Page').then(($elm) => {

cypress/support/commands.ts

@@ -171,7 +171,7 @@ Cypress.Commands.add(
     });
     cy.wait('@pdf', { timeout: 50000 });
     cy.get('#mainContent')
-      .find('div[class="react-pdf__Page__textContent"]', { timeout: 10000 })
+      .find('.react-pdf__Page__textContent', { timeout: 10000 })
       .should('have.attr', 'style');
   }
 );