Ghost/apps/admin-x-settings/test/acceptance/general/timeZone.test.ts
Peter Zimon 235b346fda
AdminX UX improvements (#18449)
refs. https://github.com/TryGhost/Product/issues/3949

- added `isSearchable` to Select component (default `false`) so that only specific selects are searchable
- added `onFocus` and `onBlur` to select so that it can search for "/" and doesn't jump to the searchfield
2023-10-04 12:09:04 +02:00

36 lines
1.3 KiB
TypeScript

import {chooseOptionInSelect, globalDataRequests, mockApi, updatedSettingsResponse} from '../../utils/acceptance';
import {expect, test} from '@playwright/test';
test.describe('Time zone settings', async () => {
test('Supports editing the time zone', async ({page}) => {
const {lastApiRequests} = await mockApi({page, requests: {
...globalDataRequests,
editSettings: {method: 'PUT', path: '/settings/', response: updatedSettingsResponse([
{key: 'timezone', value: 'America/Anchorage'}
])}
}});
await page.goto('/');
const section = page.getByTestId('timezone');
await expect(section.getByText('Etc/UTC')).toHaveCount(1);
await section.getByRole('button', {name: 'Edit'}).click();
await chooseOptionInSelect(section.getByTestId('timezone-select'), '(GMT -9:00) Alaska');
await section.getByRole('button', {name: 'Save'}).click();
await expect(section.getByTestId('timezone-select')).toHaveCount(0);
await expect(section.getByText('America/Anchorage')).toHaveCount(1);
expect(lastApiRequests.editSettings?.body).toEqual({
settings: [
{key: 'timezone', value: 'America/Anchorage'}
]
});
});
});