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

CreateImageWizard: update packages to use custom callbacks

Browse source 
PF4 now allows more control over the DualListSelector. This component is
rewritten to use custom callbacks which allow us to display a more
customized version of the DualListSelector. Currently, the component is
visually identical to the existing implemention except for the addition
of a search button to filter the chosen packages.
This commit is contained in:
Jacob Kozol 2021-10-28 13:42:58 +02:00 • committed by Tom Gundersen
parent 4bcbd0adbc
commit 58f866088e
2 changed files with 192 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/test/Components/CreateImageWizard/CreateImageWizard.test.js
View file

@ -425,10 +425,7 @@ describe('Step Packages', () => {
});
test('should display search bar and button', () => {
const search = screen.getByRole('searchbox', { name: 'Available search input' });
search.click();
userEvent.type(search, 'test');
userEvent.type(screen.getByTestId('search-available-pkgs-input'), 'test');
screen.getByRole('button', {
name: 'Search button for available packages'
@ -545,8 +542,8 @@ describe('Click through all steps', () => {
});
screen.getByText('Add optional additional packages to your image by searching available packages.');
userEvent.type(screen.getByRole('searchbox', { name: /Available search input/ }), 'test');
screen.getByTestId('search-pkgs-button').click();
userEvent.type(screen.getByTestId('search-available-pkgs-input'), 'test');
screen.getByTestId('search-available-pkgs-button').click();
await expect(getPackages).toHaveBeenCalledTimes(1);
screen.getByRole('option', { name: /testPkg test package summary/ }).click();
screen.getByRole('button', { name: /Add selected/ }).click();