mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-01-20 22:42:53 -05:00
c46761199b
refs https://github.com/TryGhost/Product/issues/3349 - Simplified a few more places after switching to react-query - Improved how mocking works in specs to be more scalable as the number of queries increases
40 lines
1.6 KiB
TypeScript
40 lines
1.6 KiB
TypeScript
import {expect, test} from '@playwright/test';
|
|
import {globalDataRequests, mockApi, updatedSettingsResponse} from '../../utils/e2e';
|
|
|
|
test.describe('Social account settings', async () => {
|
|
test('Supports editing social URLs', async ({page}) => {
|
|
const {lastApiRequests} = await mockApi({page, requests: {
|
|
...globalDataRequests,
|
|
editSettings: {method: 'PUT', path: '/settings/', response: updatedSettingsResponse([
|
|
{key: 'facebook', value: 'fb'},
|
|
{key: 'twitter', value: '@tw'}
|
|
])}
|
|
}});
|
|
|
|
await page.goto('/');
|
|
|
|
const section = page.getByTestId('social-accounts');
|
|
|
|
await expect(section.getByText('https://www.facebook.com/ghost')).toHaveCount(1);
|
|
await expect(section.getByText('https://twitter.com/ghost')).toHaveCount(1);
|
|
|
|
await section.getByRole('button', {name: 'Edit'}).click();
|
|
|
|
await section.getByLabel(`URL of your publication's Facebook Page`).fill('https://www.facebook.com/fb');
|
|
await section.getByLabel('URL of your Twitter profile').fill('https://twitter.com/tw');
|
|
|
|
await section.getByRole('button', {name: 'Save'}).click();
|
|
|
|
await expect(section.getByLabel('URL of your Twitter profile')).toHaveCount(0);
|
|
|
|
await expect(section.getByText('https://www.facebook.com/fb')).toHaveCount(1);
|
|
await expect(section.getByText('https://twitter.com/tw')).toHaveCount(1);
|
|
|
|
expect(lastApiRequests.editSettings?.body).toEqual({
|
|
settings: [
|
|
{key: 'facebook', value: 'fb'},
|
|
{key: 'twitter', value: '@tw'}
|
|
]
|
|
});
|
|
});
|
|
});
|