public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-21 21:40:41 +09:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

fix(web): admin settings number input validation (#9470)

Browse Source 
* fix(web): admin settings number input validation

* fix import by creating *.ts file

* just ignore import error
This commit is contained in:
Michel Heusschen
2024-05-14 17:35:16 +02:00
committed by GitHub
parent 4d7aa7effd
commit acc611a3d9
4 changed files with 48 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
web/src/lib/components/shared-components/settings/setting-input-field.spec.ts Normal file
View File

@@ -0,0 +1,30 @@
import { render } from '@testing-library/svelte';
import userEvent from '@testing-library/user-event';
// @ts-expect-error the import works but tsc check errors
import SettingInputField, { SettingInputFieldType } from './setting-input-field.svelte';
describe('SettingInputField component', () => {
it('validates number input on blur', async () => {
const { getByRole } = render(SettingInputField, {
props: {
label: 'test-number-input',
inputType: SettingInputFieldType.NUMBER,
value: 0,
min: 0,
max: 100,
step: '0.1',
},
});
const user = userEvent.setup();
const numberInput = getByRole('spinbutton') as HTMLInputElement;
expect(numberInput.value).toEqual('0');
await user.click(numberInput);
await user.keyboard('100.1');
expect(numberInput.value).toEqual('100.1');
await user.click(document.body);
expect(numberInput.value).toEqual('100');
});
});