particle-os/debian-image-builder-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ShareImageModal: update the typeahead selector to pf5

Browse source 
This dropdown needed to be update as part of the overall pf5 upgrade.
Each of the components in the select now need to be declared and
handled. Also, some of the Select and SelectOption props come from the
Menu props since Select inherits Menu.
This commit is contained in:
jkozol 2023-10-09 00:41:50 +02:00 • committed by Lucas Garfield
parent a5b1b1f775
commit cf1d477544
3 changed files with 164 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/test/Components/ShareImageModal/ShareImageModal.test.js
View file

@ -40,18 +40,20 @@ describe('Create Share To Regions Modal', () => {
const shareButton = await screen.findByRole('button', { name: /share/i });
expect(shareButton).toBeDisabled();
const selectToggle = screen.getByRole('button', { name: /options menu/i });
const selectToggle = screen.getByRole('button', { name: /menu toggle/i });
// eslint-disable-next-line testing-library/no-unnecessary-act
user.click(selectToggle);
const usEast2 = await screen.findByRole('option', {
name: /us-east-2 us east \(ohio\)/i,
name: /us east \(ohio\) us\-east\-2/i,
});
expect(usEast2).not.toHaveClass('pf-m-disabled');
user.click(usEast2);
await waitFor(() => expect(shareButton).toBeEnabled());
const clearAllButton = screen.getByRole('button', { name: /clear all/i });
const clearAllButton = screen.getByRole('button', {
name: /clear input value/i,
});
user.click(clearAllButton);
await waitFor(() => expect(shareButton).toBeDisabled());
@ -97,16 +99,16 @@ describe('Create Share To Regions Modal', () => {
renderCustomRoutesWithReduxRouter(`share/${composeId}`, {}, routes);
const selectToggle = await screen.findByRole('button', {
name: /options menu/i,
name: /menu toggle/i,
});
// eslint-disable-next-line testing-library/no-unnecessary-act
user.click(selectToggle);
// parent region disabled
const usEast1 = await screen.findByRole('option', {
name: /us-east-1 us east \(n. virginia\)/i,
name: /us east \(n. virginia\) us-east-1/i,
});
expect(usEast1).toHaveClass('pf-m-disabled');
expect(usEast1).toBeDisabled();
// close the select again to avoid state update
// eslint-disable-next-line testing-library/no-unnecessary-act