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

test: Move mocks to setup file

Browse source 
This moves all the mocks used throughout our test files into the test setup file.
This commit is contained in:
regexowl 2024-08-07 11:07:29 +02:00 • committed by Klara Simickova
parent 79d54eed7b
commit 1554d78cba
25 changed files with 43 additions and 632 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/Components/Blueprints/ImportBlueprintModal.test.tsx
View file

@ -3,26 +3,6 @@ import userEvent from '@testing-library/user-event';
import { renderWithReduxRouter } from '../../test/testUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'stage',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.import.enabled':
return true;
default:
return false;
}
}),
}));
const BLUEPRINT_JSON = `{
"customizations": {
"files": [

22
src/test/Components/Blueprints/Blueprints.test.tsx
View file

@ -14,28 +14,6 @@ import {
renderWithReduxRouter,
} from '../../testUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const selectBlueprintById = async (bpId: string) => {
const user = userEvent.setup();
const blueprint = await screen.findByTestId(bpId);

23
src/test/Components/CreateImageWizard/CreateImageWizard.azure.test.tsx
View file

@ -31,29 +31,6 @@ const routes = [
element: <ShareImageModal />,
},
];
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn(() => false),
}));
// The router is just initiliazed here, it's assigned a value in the tests
let router: RemixRouter | undefined = undefined;

33
src/test/Components/CreateImageWizard/CreateImageWizard.compliance.test.tsx
View file

@ -22,39 +22,6 @@ const routes = [
},
];
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => false,
getEnvironment: () => 'stage',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.wsl.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const selectRhel8 = async () => {
const user = userEvent.setup();
await waitFor(async () =>

33
src/test/Components/CreateImageWizard/CreateImageWizard.content.test.tsx
View file

@ -28,39 +28,6 @@ const routes = [
// The router is just initiliazed here, it's assigned a value in the tests
let router: RemixRouter | undefined = undefined;
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.pkgrecs.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const typeIntoSearchBox = async (searchTerm: string) => {
const user = userEvent.setup();
const searchbox = await screen.findByRole('textbox', {

24
src/test/Components/CreateImageWizard/CreateImageWizard.test.tsx
View file

@ -44,30 +44,6 @@ const routes = [
let router: RemixRouter | undefined = undefined;
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn(() => false),
}));
const switchToAWSManual = async () => {
const user = userEvent.setup();
const manualRadio = await screen.findByRole('radio', {

15
src/test/Components/CreateImageWizard/EditImageWizard.test.tsx
View file

@ -7,21 +7,6 @@ import {
mockBlueprintNames,
} from '../../fixtures/blueprints';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) =>
flag === 'image-builder.firstboot.enabled' ? true : false
),
}));
describe('EditImageWizard', () => {
beforeEach(() => {
vi.clearAllMocks();

33
src/test/Components/CreateImageWizard/steps/Details/Details.test.tsx
View file

@ -17,39 +17,6 @@ import {
renderEditMode,
} from '../../wizardTestUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const goToDetailsStep = async () => {
await clickNext();
await clickNext();

33
src/test/Components/CreateImageWizard/steps/FileSystemConfiguration/FileSystemConfiguration.test.tsx
View file

@ -22,39 +22,6 @@ import {
renderEditMode,
} from '../../wizardTestUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const goToFileSystemConfigurationStep = async () => {
const user = userEvent.setup();
const guestImageCheckBox = await screen.findByRole('checkbox', {

33
src/test/Components/CreateImageWizard/steps/FirstBoot/Firstboot.test.tsx
View file

@ -25,39 +25,6 @@ import {
renderEditMode,
} from '../../wizardTestUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => false,
getEnvironment: () => 'stage',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const goToFirstBootStep = async (): Promise<void> => {
const user = userEvent.setup();
const guestImageCheckBox = await screen.findByRole('checkbox', {

35
src/test/Components/CreateImageWizard/steps/ImageOutput/TargetEnvironment.test.tsx
View file

@ -50,41 +50,6 @@ const routes = [
},
];
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.wsl.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const openReleaseMenu = async () => {
const user = userEvent.setup();
const releaseMenu = screen.getAllByRole('button', {

33
src/test/Components/CreateImageWizard/steps/Oscap/Oscap.test.tsx
View file

@ -24,39 +24,6 @@ import {
renderEditMode,
} from '../../wizardTestUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const goToOscapStep = async () => {
const user = userEvent.setup();
const guestImageCheckBox = await screen.findByRole('checkbox', {

35
src/test/Components/CreateImageWizard/steps/Packages/Packages.test.tsx
View file

@ -24,41 +24,6 @@ import {
renderEditMode,
} from '../../wizardTestUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.pkgrecs.enabled':
return true;
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const goToPackagesStep = async () => {
const user = userEvent.setup();
const guestImageCheckBox = await screen.findByRole('checkbox', {

33
src/test/Components/CreateImageWizard/steps/Registration/Registration.test.tsx
View file

@ -24,39 +24,6 @@ import {
interceptEditBlueprintRequest,
} from '../../wizardTestUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const selectActivationKey = async () => {
const user = userEvent.setup();
const activationKeyDropdown = await screen.findByRole('textbox', {

33
src/test/Components/CreateImageWizard/steps/Repositories/Repositories.test.tsx
View file

@ -25,39 +25,6 @@ import {
renderEditMode,
} from '../../wizardTestUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const goToRepositoriesStep = async () => {
const user = userEvent.setup();
const guestImageCheckBox = await screen.findByRole('checkbox', {

33
src/test/Components/CreateImageWizard/steps/Snapshot/Snapshot.test.tsx
View file

@ -21,39 +21,6 @@ import {
renderEditMode,
} from '../../wizardTestUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const goToSnapshotStep = async () => {
const user = userEvent.setup();
const guestImageCheckBox = await screen.findByRole('checkbox', {

33
src/test/Components/CreateImageWizard/steps/TargetEnvironment/AwsTarget.test.tsx
View file

@ -20,39 +20,6 @@ import {
renderEditMode,
} from '../../wizardTestUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const goToAwsStep = async () => {
await clickNext();
};

33
src/test/Components/CreateImageWizard/steps/TargetEnvironment/AzureTarget.test.tsx
View file

@ -20,39 +20,6 @@ import {
renderEditMode,
} from '../../wizardTestUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const goToAzureStep = async () => {
await clickNext();
};

33
src/test/Components/CreateImageWizard/steps/TargetEnvironment/GCPTarget.test.tsx
View file

@ -23,39 +23,6 @@ import {
renderEditMode,
} from '../../wizardTestUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
default:
return false;
}
}),
}));
const GCP_ACCOUNT = 'test@gmail.com';
const goToReview = async () => {

20
src/test/Components/ImagesTable/ImagesTable.test.tsx
View file

@ -8,26 +8,6 @@ import {
} from '../../fixtures/composes';
import { renderWithReduxRouter } from '../../testUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
isBeta: () => false,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'edgeParity.image-list':
return false;
default:
return true;
}
}),
}));
describe('Images Table', () => {
beforeEach(() => {
vi.clearAllMocks();

20
src/test/Components/LandingPage/LandingPage.test.tsx
View file

@ -6,26 +6,6 @@ import { mockComposesEmpty } from '../../fixtures/composes';
import { server } from '../../mocks/server';
import { renderWithReduxRouter } from '../../testUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
isBeta: () => false,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'edgeParity.image-list':
return false;
default:
return true;
}
}),
}));
describe('Landing Page', () => {
beforeEach(() => {
vi.clearAllMocks();

8
src/test/Components/ShareImageModal/ShareImageModal.test.tsx
View file

@ -6,14 +6,6 @@ import userEvent from '@testing-library/user-event';
import ShareImageModal from '../../../Components/ShareImageModal/ShareImageModal';
import { renderCustomRoutesWithReduxRouter } from '../../testUtils';
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
isBeta: () => false,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
const composeId = '1579d95b-8f1d-4982-8c53-8c2afa4ab04c';
const routes = [

7
src/test/Components/edge/EdgeImagesTable.test.tsx
View file

@ -1,12 +1,5 @@
import { useFlag } from '@unleash/proxy-client-react';
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) =>
flag === 'image-builder.edge.local-image-table' ? true : false
),
}));
describe('mocking unleash calls', () => {
test('the ege local image table is set to true', () => {
const edgeLocalImageTable = useFlag('image-builder.edge.local-image-table');

7
src/test/Components/edge/ImageDetails.test.tsx
View file

@ -1,12 +1,5 @@
import { useFlag } from '@unleash/proxy-client-react';
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) =>
flag === 'image-builder.edge.local-image-table' ? true : false
),
}));
describe('mocking unleash calls', () => {
test('the ege local image table is set to true', () => {
const edgeLocalImageTable = useFlag('image-builder.edge.local-image-table');

43
src/test/setup.ts
View file

@ -15,6 +15,49 @@ const MockResizeObserver = vi.fn(() => ({
}));
vi.stubGlobal('ResizeObserver', MockResizeObserver);
vi.mock('@redhat-cloud-services/frontend-components/useChrome', () => ({
useChrome: () => ({
auth: {
getUser: () => {
return {
identity: {
internal: {
org_id: 5,
},
},
};
},
},
isBeta: () => true,
isProd: () => true,
getEnvironment: () => 'prod',
}),
}));
vi.mock('@unleash/proxy-client-react', () => ({
useUnleashContext: () => vi.fn(),
useFlag: vi.fn((flag) => {
switch (flag) {
case 'image-builder.import.enabled':
return true;
case 'image-builder.firstboot.enabled':
return true;
case 'image-builder.snapshots.enabled':
return true;
case 'image-builder.wsl.enabled':
return true;
case 'image-builder.pkgrecs.enabled':
return true;
case 'edgeParity.image-list':
return true;
case 'image-builder.edge.local-image-table':
return true;
default:
return false;
}
}),
}));
// Remove DOM dump from the testing-library output
configure({
getElementError: (message: string) => {