test: Move and re-enabled Details test

There was a disabled Details test in CreateImageWizard.test.tsx, this moves the test to Details.test.tsx, updates it and enables it again.

The re-enabled tests are checking maximum length of image name and description.
This commit is contained in:
regexowl 2024-10-10 09:53:33 +02:00 committed by Michal Gold
parent 38cc047e27
commit 8722d79fdf
3 changed files with 45 additions and 92 deletions

View file

@ -27,14 +27,17 @@ const goToDetailsStep = async () => {
await clickNext();
};
const enterBlueprintDescription = async () => {
const user = userEvent.setup();
const enterBlueprintDescription = async (
description: string = 'Now with extra carmine!'
) => {
const user = userEvent.setup({ delay: null });
const blueprintDescription = await screen.findByRole('textbox', {
name: /blueprint description/i,
});
await waitFor(() =>
user.type(blueprintDescription, 'Now with extra carmine!')
);
await waitFor(() => user.clear(blueprintDescription));
await waitFor(() => expect(blueprintDescription).toHaveValue(''));
await waitFor(() => user.type(blueprintDescription, description));
};
const goToReviewStep = async () => {
@ -86,6 +89,42 @@ describe('Step Details', () => {
await waitFor(() => expect(nextButton).toBeDisabled());
});
test('name invalid for more than 100 chars', async () => {
await renderCreateMode();
await goToRegistrationStep();
await clickRegisterLater();
await goToDetailsStep();
// enter invalid image name
const invalidName = 'a'.repeat(101);
await enterBlueprintName(invalidName);
expect(await getNextButton()).toHaveClass('pf-m-disabled');
expect(await getNextButton()).toBeDisabled();
// enter valid image name
await enterBlueprintName();
expect(await getNextButton()).not.toHaveClass('pf-m-disabled');
expect(await getNextButton()).toBeEnabled();
});
test('description invalid for more than 250', async () => {
await renderCreateMode();
await goToRegistrationStep();
await clickRegisterLater();
await goToDetailsStep();
// enter invalid image description
const invalidDescription = 'a'.repeat(251);
await enterBlueprintDescription(invalidDescription);
expect(await getNextButton()).toHaveClass('pf-m-disabled');
expect(await getNextButton()).toBeDisabled();
// enter valid image description
await enterBlueprintDescription();
expect(await getNextButton()).not.toHaveClass('pf-m-disabled');
expect(await getNextButton()).toBeEnabled();
});
test('revisit step button on Review works', async () => {
await renderCreateMode();
await goToRegistrationStep();