Ghost/apps/admin-x-settings/test/acceptance/layout.test.ts
Jono M fb7bf6d01e
Improved AdminX test coverage based on old admin tests (#18502)
refs https://github.com/TryGhost/Product/issues/3832

---

<!-- Leave the line below if you'd like GitHub Copilot to generate a
summary from your commit -->
<!--
copilot:summary
-->
### <samp>🤖 Generated by Copilot at 7eda74c</samp>

This pull request improves the validation, customization, and feedback
of various form components and modals in the admin-x-settings app. It
also adds new components for user detail modal sections and modifies the
user type to allow null values for social accounts. Additionally, it
adds `dirty` props to some integration modals and a `data-testid`
attribute to the exit settings button. It also deletes an unused file.
2023-10-06 10:06:05 +01:00

21 lines
681 B
TypeScript

import {expect, test} from '@playwright/test';
import {globalDataRequests, mockApi} from '../utils/acceptance';
test.describe('Layout', async () => {
test('Confirms when leaving if a section is dirty', async ({page}) => {
await mockApi({page, requests: globalDataRequests});
await page.goto('/');
const section = page.getByTestId('title-and-description');
await section.getByRole('button', {name: 'Edit'}).click();
await section.getByLabel('Site title').fill('New Site Title');
await page.getByTestId('exit-settings').click();
await expect(page.getByTestId('confirmation-modal')).toHaveText(/leave/i);
});
});