chore: Use cypress/react18, tweak toggle text selectors

RedHatInsights · Feb 6, 2024 · 3a1b59d · 3a1b59d
1 parent 128e00c
commit 3a1b59d
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/cypress/support/commands.js b/cypress/support/commands.js
@@ -30,7 +30,7 @@ import FlagProvider from '@unleash/proxy-client-react';
 import { Provider } from 'react-redux';
 import { getStore } from '../../src/store';
 import { MemoryRouter, Route, Routes } from 'react-router-dom';
-import { mount } from '@cypress/react';
+import { mount } from '@cypress/react18';
 import { RBACProvider } from '@redhat-cloud-services/frontend-components/RBACProvider';
 
 Cypress.Commands.add('mountWithContext', (Component, options = {}, props) => {

diff --git a/src/components/GroupSystems/GroupSystems.cy.js b/src/components/GroupSystems/GroupSystems.cy.js
@@ -129,7 +129,7 @@ describe('defaults', () => {
   });
 
   it(`pagination is set to ${DEFAULT_ROW_COUNT}`, () => {
-    cy.get('.pf-v5-c-options-menu__toggle-text')
+    cy.get('.pf-v5-c-menu-toggle__text')
       .find('b')
       .eq(0)
       .should('have.text', `1 - ${DEFAULT_ROW_COUNT}`);

diff --git a/src/components/GroupsTable/GroupsTable.cy.js b/src/components/GroupsTable/GroupsTable.cy.js
@@ -118,7 +118,7 @@ describe('defaults', () => {
   });
 
   it(`pagination is set to ${DEFAULT_ROW_COUNT}`, () => {
-    cy.get('.pf-v5-c-options-menu__toggle-text')
+    cy.get('.pf-v5-c-menu-toggle__text')
       .find('b')
       .eq(0)
       .should('have.text', `1 - ${DEFAULT_ROW_COUNT}`);

diff --git a/src/components/InventoryGroups/Modals/CreateGroupModal.cy.js b/src/components/InventoryGroups/Modals/CreateGroupModal.cy.js
@@ -1,7 +1,7 @@
 /* eslint-disable rulesdir/disallow-fec-relative-imports */
 /* eslint-disable camelcase */
 import React from 'react';
-import { mount } from '@cypress/react';
+import { mount } from '@cypress/react18';
 import CreateGroupModal from './CreateGroupModal';
 import { TEXT_INPUT } from '@redhat-cloud-services/frontend-components-utilities';
 import { Provider } from 'react-redux';

diff --git a/src/components/InventoryTable/InventoryTable.cy.js b/src/components/InventoryTable/InventoryTable.cy.js
@@ -97,7 +97,7 @@ describe('with default parameters', () => {
 
   describe('defaults', () => {
     it(`pagination is set to ${DEFAULT_ROW_COUNT}`, () => {
-      cy.get('.pf-v5-c-options-menu__toggle-text')
+      cy.get('.pf-v5-c-menu-toggle__text')
         .find('b')
         .eq(0)
         .should('have.text', `1 - ${DEFAULT_ROW_COUNT}`);

diff --git a/src/components/SpinnerFallback.cy.js b/src/components/SpinnerFallback.cy.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import Fallback from './SpinnerFallback';
-import { mount } from '@cypress/react';
+import { mount } from '@cypress/react18';
 
 describe('SpinnerFallback tests', () => {
   it('renders correctly', () => {