Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-09-05 17:53:12 +02:00
Code Issues Projects Releases Wiki Activity

chore: add name validation tests in RTL style

Browse Source
This commit is contained in:
Thomas Heartman 2024-06-05 11:58:33 +02:00
parent e621c7a2a5
commit a9f579f1d9
No known key found for this signature in database
GPG Key ID: BD1F880DAED1EE78
1 changed files with 100 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
frontend/src/component/feature/CreateFeature/CreateFeature.test.tsx Normal file
View File

@ -0,0 +1,100 @@
import { Route, Routes } from 'react-router-dom';
import { testServerRoute, testServerSetup } from 'utils/testServer';
import { screen, fireEvent } from '@testing-library/react';
import { render } from 'utils/testRenderer';
import CreateFeature from './CreateFeature';
import userEvent from '@testing-library/user-event';
const server = testServerSetup();
describe('flag name validation', () => {
test('it gives an error if a flag name is not URL-friendly', async () => {
const user = userEvent.setup();
const unfriendlyName = 'unfriendlyName####$#//';
const error = {
id: 'de15e702-e7c7-4083-9f31-384dea4da2e9',
name: 'BadDataError',
message:
'Request validation failed: your request body or params contain invalid data. Refer to the `details` list for more information.',
details: [
{
message: `"name" must be URL friendly. You provided "${unfriendlyName}".`,
},
],
};
testServerRoute(
server,
'/api/admin/features/validate',
error,
'post',
400,
);
render(
<Routes>
<Route
path='/projects/:projectId/create-toggle'
element={<CreateFeature />}
/>
</Routes>,
{
route: '/projects/default/create-toggle',
},
);
const nameInput = await screen.findByLabelText(/name/i);
fireEvent.change(nameInput, {
target: { value: unfriendlyName },
});
user.tab();
expect(
await screen.findByTestId('INPUT_ERROR_TEXT'),
).toBeInTheDocument();
});
test('it gives an error if a flag with that name already exists', async () => {
const user = userEvent.setup();
const error = {
id: '07716b38-076c-4ab0-94c9-1a73663fec94',
name: 'NameExistsError',
message: 'A flag with that name already exists',
details: [
{
message: 'A flag with that name already exists',
},
],
};
testServerRoute(
server,
'/api/admin/features/validate',
error,
'post',
400,
);
render(
<Routes>
<Route
path='/projects/:projectId/create-toggle'
element={<CreateFeature />}
/>
</Routes>,
{
route: '/projects/default/create-toggle',
},
);
const nameInput = await screen.findByLabelText(/name/i);
fireEvent.change(nameInput, {
target: { value: 'preExistingFlag' },
});
user.tab();
expect(
await screen.findByTestId('INPUT_ERROR_TEXT'),
).toBeInTheDocument();
});
});