Wizard: Improve in-page wizard cosmetically
This commit: 1. Removes the header from the Data Driven Forms wizard 2. Adds padding around the in-page wizard so it is visually consistent with the images table 3. Refactors the images table header into a re-usable component that is now used in both the images table and the wizard 4. Allows the repositories table to fill the available vertical space in the wizard 5. Adjusts the package dual list selectors so that they fill the available horizontal space in the wizard
This commit is contained in:
parent
1c1290f7ed
commit
c4d411efa4
9 changed files with 169 additions and 174 deletions
|
|
@ -85,9 +85,9 @@ describe('Step Upload to Azure', () => {
|
|||
|
||||
await clickNext();
|
||||
|
||||
expect(screen.getByRole('heading', { level: 1 })).toHaveTextContent(
|
||||
'Target environment - Microsoft Azure'
|
||||
);
|
||||
await screen.findByRole('heading', {
|
||||
name: 'Target environment - Microsoft Azure',
|
||||
});
|
||||
};
|
||||
|
||||
test('clicking Next loads Registration', async () => {
|
||||
|
|
|
|||
|
|
@ -143,9 +143,7 @@ describe('Step Image output', () => {
|
|||
// select aws as upload destination
|
||||
await user.click(await screen.findByTestId('upload-aws'));
|
||||
|
||||
expect(screen.getByRole('heading', { level: 1 })).toHaveTextContent(
|
||||
'Image output'
|
||||
);
|
||||
await screen.findByRole('heading', { name: 'Image output' });
|
||||
};
|
||||
|
||||
test('clicking Next loads Upload to AWS', async () => {
|
||||
|
|
@ -282,9 +280,9 @@ describe('Step Upload to AWS', () => {
|
|||
|
||||
await clickNext();
|
||||
|
||||
expect(screen.getByRole('heading', { level: 1 })).toHaveTextContent(
|
||||
'Target environment - Amazon Web Services'
|
||||
);
|
||||
await screen.findByRole('heading', {
|
||||
name: 'Target environment - Amazon Web Services',
|
||||
});
|
||||
};
|
||||
|
||||
test('clicking Next loads Registration', async () => {
|
||||
|
|
@ -450,9 +448,9 @@ describe('Step Upload to Google', () => {
|
|||
|
||||
await clickNext();
|
||||
|
||||
expect(screen.getByRole('heading', { level: 1 })).toHaveTextContent(
|
||||
'Target environment - Google Cloud Platform'
|
||||
);
|
||||
await screen.findByRole('heading', {
|
||||
name: 'Target environment - Google Cloud Platform',
|
||||
});
|
||||
};
|
||||
|
||||
test('clicking Next loads Registration', async () => {
|
||||
|
|
@ -549,7 +547,9 @@ describe('Step Registration', () => {
|
|||
|
||||
await clickNext();
|
||||
|
||||
screen.getByRole('heading', { name: /file system configuration/i });
|
||||
await screen.findByRole('heading', {
|
||||
name: 'File system configuration',
|
||||
});
|
||||
});
|
||||
|
||||
test('clicking Back loads Upload to AWS', async () => {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue