fb7bf6d01e
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.
110 lines
4.8 KiB
TypeScript
110 lines
4.8 KiB
TypeScript
import {chooseOptionInSelect, globalDataRequests, mockApi, responseFixtures, updatedSettingsResponse} from '../../utils/acceptance';
|
|
import {expect, test} from '@playwright/test';
|
|
|
|
test.describe('Access settings', async () => {
|
|
test('Supports editing access', async ({page}) => {
|
|
const {lastApiRequests} = await mockApi({page, requests: {
|
|
...globalDataRequests,
|
|
editSettings: {method: 'PUT', path: '/settings/', response: updatedSettingsResponse([
|
|
{key: 'default_content_visibility', value: 'members'},
|
|
{key: 'members_signup_access', value: 'invite'},
|
|
{key: 'comments_enabled', value: 'all'}
|
|
])}
|
|
}});
|
|
|
|
await page.goto('/');
|
|
|
|
const section = page.getByTestId('access');
|
|
|
|
await expect(section.getByText('Anyone can sign up')).toHaveCount(1);
|
|
await expect(section.getByText('Public')).toHaveCount(1);
|
|
await expect(section.getByText('Nobody')).toHaveCount(1);
|
|
|
|
await section.getByRole('button', {name: 'Edit'}).click();
|
|
|
|
await chooseOptionInSelect(section.getByTestId('subscription-access-select'), 'Only people I invite');
|
|
await chooseOptionInSelect(section.getByTestId('default-post-access-select'), /^Members only$/);
|
|
await chooseOptionInSelect(section.getByTestId('commenting-select'), 'All members');
|
|
|
|
await section.getByRole('button', {name: 'Save'}).click();
|
|
|
|
await expect(section.getByTestId('subscription-access-select')).toHaveCount(0);
|
|
|
|
await expect(section.getByText('Only people I invite')).toHaveCount(1);
|
|
await expect(section.getByText('Members only')).toHaveCount(1);
|
|
await expect(section.getByText('All members')).toHaveCount(1);
|
|
|
|
expect(lastApiRequests.editSettings?.body).toEqual({
|
|
settings: [
|
|
{key: 'default_content_visibility', value: 'members'},
|
|
{key: 'members_signup_access', value: 'invite'},
|
|
{key: 'comments_enabled', value: 'all'}
|
|
]
|
|
});
|
|
});
|
|
|
|
test('Disables other sections when signup is disabled', async ({page}) => {
|
|
const {lastApiRequests} = await mockApi({page, requests: {
|
|
...globalDataRequests,
|
|
editSettings: {method: 'PUT', path: '/settings/', response: updatedSettingsResponse([
|
|
{key: 'members_signup_access', value: 'none'}
|
|
])}
|
|
}});
|
|
|
|
await page.goto('/');
|
|
|
|
const section = page.getByTestId('access');
|
|
|
|
await section.getByRole('button', {name: 'Edit'}).click();
|
|
|
|
await chooseOptionInSelect(section.getByTestId('subscription-access-select'), 'Nobody');
|
|
|
|
await section.getByRole('button', {name: 'Save'}).click();
|
|
|
|
expect(lastApiRequests.editSettings?.body).toEqual({
|
|
settings: [
|
|
{key: 'members_signup_access', value: 'none'}
|
|
]
|
|
});
|
|
|
|
await expect(section.getByTestId('subscription-access-select')).toHaveCount(0);
|
|
|
|
await expect(page.getByTestId('portal').getByRole('button', {name: 'Customize'})).toBeDisabled();
|
|
await expect(page.getByTestId('enable-newsletters')).toContainText('only existing members will receive newsletters');
|
|
});
|
|
|
|
test('Supports selecting specific tiers', async ({page}) => {
|
|
const {lastApiRequests} = await mockApi({page, requests: {
|
|
...globalDataRequests,
|
|
browseTiers: {method: 'GET', path: '/tiers/', response: responseFixtures.tiers},
|
|
editSettings: {method: 'PUT', path: '/settings/', response: updatedSettingsResponse([
|
|
{key: 'default_content_visibility', value: 'tiers'},
|
|
{key: 'default_content_visibility_tiers', value: JSON.stringify(responseFixtures.tiers.tiers.map(tier => tier.id))}
|
|
])}
|
|
}});
|
|
|
|
await page.goto('/');
|
|
|
|
const section = page.getByTestId('access');
|
|
|
|
await section.getByRole('button', {name: 'Edit'}).click();
|
|
|
|
await chooseOptionInSelect(section.getByTestId('default-post-access-select'), 'Specific tiers');
|
|
await section.getByTestId('tiers-select').click();
|
|
|
|
await section.locator('[data-testid="select-option"]', {hasText: 'Basic Supporter'}).click();
|
|
await section.locator('[data-testid="select-option"]', {hasText: 'Ultimate Starlight Diamond Tier'}).click();
|
|
|
|
await section.getByRole('button', {name: 'Save'}).click();
|
|
|
|
await expect(section.getByText('Specific tiers')).toHaveCount(1);
|
|
|
|
expect(lastApiRequests.editSettings?.body).toEqual({
|
|
settings: [
|
|
{key: 'default_content_visibility', value: 'tiers'},
|
|
{key: 'default_content_visibility_tiers', value: JSON.stringify(responseFixtures.tiers.tiers.slice(1).map(tier => tier.id))}
|
|
]
|
|
});
|
|
});
|
|
});
|