b490057429
refs. https://github.com/TryGhost/Product/issues/3949 - the User detail modal class structure was way overcomplicated - the top part of the outline highlight of a setting group which is first in a section was cut - toggle label style was inconsisten in Newsletter settings - Audience feedback was not enabled by default when creating a Newsletter - the whole UI was using Twitter, instead of "X"
43 lines
1.7 KiB
TypeScript
43 lines
1.7 KiB
TypeScript
import {expect, test} from '@playwright/test';
|
|
import {globalDataRequests, mockApi, responseFixtures} from '../../utils/e2e';
|
|
|
|
test.describe('Twitter settings', async () => {
|
|
test('Supports editing the twitter card', async ({page}) => {
|
|
const {lastApiRequests} = await mockApi({page, requests: {
|
|
...globalDataRequests,
|
|
uploadImage: {method: 'POST', path: '/images/upload/', response: {images: [{url: 'http://example.com/image.png', ref: null}]}},
|
|
editSettings: {method: 'PUT', path: '/settings/', response: responseFixtures.settings}
|
|
}});
|
|
|
|
await page.goto('/');
|
|
|
|
const section = page.getByTestId('twitter');
|
|
|
|
await section.getByRole('button', {name: 'Edit'}).click();
|
|
|
|
const fileChooserPromise = page.waitForEvent('filechooser');
|
|
|
|
await page.locator('label[for="twitter-image"]').click();
|
|
|
|
const fileChooser = await fileChooserPromise;
|
|
await fileChooser.setFiles(`${__dirname}/../../utils/images/image.png`);
|
|
|
|
await expect(section.getByRole('img')).toBeVisible();
|
|
|
|
await section.getByLabel('X title').fill('Twititle');
|
|
await section.getByLabel('X description').fill('Twitscription');
|
|
|
|
await section.getByRole('button', {name: 'Save'}).click();
|
|
|
|
await expect(section.getByLabel('Twitter title')).toHaveCount(0);
|
|
|
|
expect(lastApiRequests.editSettings?.body).toEqual({
|
|
settings: [
|
|
{key: 'twitter_image', value: 'http://example.com/image.png'},
|
|
{key: 'twitter_title', value: 'Twititle'},
|
|
{key: 'twitter_description', value: 'Twitscription'}
|
|
]
|
|
});
|
|
});
|
|
});
|