96065f9c94
closes https://github.com/TryGhost/Product/issues/3955 - also, moved recommendations code to the "membership" folder for consistency with the UI - also, renamed "yarn test:slowmo" to "yarn test:acceptance:slowmo" for consistency in the naming - also, removed "limit: 1" when checking whether a recommendation URL already exists. The limit defaults to 5 on the API side, and allowing more than 1 result will lead to a more thorough check
133 lines
6.4 KiB
TypeScript
133 lines
6.4 KiB
TypeScript
import {expect, test} from '@playwright/test';
|
|
import {globalDataRequests, mockApi, mockSitePreview} from '../../utils/acceptance';
|
|
import {responseFixtures} from '../../utils/acceptance';
|
|
|
|
test.describe('Portal Settings', async () => {
|
|
test('Loads Portal Preview Modal', async ({page}) => {
|
|
await mockApi({page, requests: {
|
|
...globalDataRequests,
|
|
editSettings: {method: 'PUT', path: '/settings/', response: responseFixtures.settings}
|
|
}});
|
|
|
|
await mockSitePreview({
|
|
page,
|
|
url: 'http://localhost:2368/?v=modal-portal-settings#/portal/preview?button=true&name=true&isFree=true&isMonthly=true&isYearly=true&page=signup&buttonIcon=icon-1&signupButtonText=Subscribe&membersSignupAccess=all&allowSelfSignup=true&signupTermsHtml=&signupCheckboxRequired=false&portalProducts=6511005e14c14a231e49af15&portalPrices=free%252Cmonthly%252Cyearly&accentColor=%2523FF1A75&buttonStyle=icon-and-text&disableBackground=false',
|
|
response: '<html><head><style></style></head><body><div>PortalPreview</div></body></html>'
|
|
});
|
|
|
|
await page.goto('/');
|
|
const section = await page.getByTestId('portal');
|
|
await section.getByRole('button', {name: 'Customize'}).click();
|
|
|
|
await page.waitForSelector('[data-testid="portal-modal"]');
|
|
});
|
|
|
|
test('can toggle portal signup options', async ({page}) => {
|
|
const {lastApiRequests} = await mockApi({page, requests: {
|
|
...globalDataRequests,
|
|
editSettings: {method: 'PUT', path: '/settings/', response: responseFixtures.settings}
|
|
}});
|
|
|
|
await mockSitePreview({
|
|
page,
|
|
url: 'http://localhost:2368/?v=modal-portal-settings#/portal/preview?button=true&name=true&isFree=true&isMonthly=true&isYearly=true&page=signup&buttonIcon=icon-1&signupButtonText=Subscribe&membersSignupAccess=all&allowSelfSignup=true&signupTermsHtml=&signupCheckboxRequired=false&portalProducts=6511005e14c14a231e49af15&portalPrices=free%252Cmonthly%252Cyearly&accentColor=%2523FF1A75&buttonStyle=icon-and-text&disableBackground=false',
|
|
response: '<html><head><style></style></head><body><div>PortalPreview</div></body></html>'
|
|
});
|
|
|
|
await page.goto('/');
|
|
const section = await page.getByTestId('portal');
|
|
await section.getByRole('button', {name: 'Customize'}).click();
|
|
|
|
await page.waitForSelector('[data-testid="portal-modal"]');
|
|
|
|
const modal = await page.getByTestId('portal-modal');
|
|
|
|
await modal.getByRole('switch').click();
|
|
|
|
// get input checkbox
|
|
await modal.getByRole('checkbox').click();
|
|
|
|
await modal.getByRole('button', {name: 'Save'}).click();
|
|
|
|
expect(lastApiRequests.editSettings?.body).toEqual({
|
|
settings: [
|
|
{key: 'portal_name', value: false},
|
|
{key: 'portal_plans', value: '["monthly","yearly"]'}
|
|
]
|
|
});
|
|
});
|
|
|
|
test('can toggle portal Look & Feel options', async ({page}) => {
|
|
const {lastApiRequests} = await mockApi({page, requests: {
|
|
...globalDataRequests,
|
|
editSettings: {method: 'PUT', path: '/settings/', response: responseFixtures.settings}
|
|
}});
|
|
|
|
await mockSitePreview({
|
|
page,
|
|
url: 'http://localhost:2368/?v=modal-portal-settings#/portal/preview?button=true&name=true&isFree=true&isMonthly=true&isYearly=true&page=signup&buttonIcon=icon-1&signupButtonText=Subscribe&membersSignupAccess=all&allowSelfSignup=true&signupTermsHtml=&signupCheckboxRequired=false&portalProducts=6511005e14c14a231e49af15&portalPrices=free%252Cmonthly%252Cyearly&accentColor=%2523FF1A75&buttonStyle=icon-and-text&disableBackground=false',
|
|
response: '<html><head><style></style></head><body><div>PortalPreview</div></body></html>'
|
|
});
|
|
|
|
await page.goto('/');
|
|
const section = await page.getByTestId('portal');
|
|
await section.getByRole('button', {name: 'Customize'}).click();
|
|
|
|
await page.waitForSelector('[data-testid="portal-modal"]');
|
|
|
|
const modal = await page.getByTestId('portal-modal');
|
|
|
|
await modal.getByRole('tab', {name: 'Look & feel'}).click();
|
|
|
|
await modal.getByRole('switch').click();
|
|
await modal.getByRole('textbox').fill('become a member of something epic');
|
|
await modal.getByRole('button', {name: 'Save'}).click();
|
|
|
|
expect(lastApiRequests.editSettings?.body).toEqual({
|
|
settings: [
|
|
{key: 'portal_button', value: false},
|
|
{
|
|
key: 'portal_button_signup_text',
|
|
value: 'become a member of something epic'
|
|
}
|
|
]
|
|
});
|
|
});
|
|
|
|
test('can toggle portal account options', async ({page}) => {
|
|
const {lastApiRequests} = await mockApi({page, requests: {
|
|
...globalDataRequests,
|
|
editSettings: {method: 'PUT', path: '/settings/', response: responseFixtures.settings}
|
|
}});
|
|
|
|
await mockSitePreview({
|
|
page,
|
|
url: 'http://localhost:2368/?v=modal-portal-settings#/portal/preview?button=true&name=true&isFree=true&isMonthly=true&isYearly=true&page=signup&buttonIcon=icon-1&signupButtonText=Subscribe&membersSignupAccess=all&allowSelfSignup=true&signupTermsHtml=&signupCheckboxRequired=false&portalProducts=6511005e14c14a231e49af15&portalPrices=free%252Cmonthly%252Cyearly&accentColor=%2523FF1A75&buttonStyle=icon-and-text&disableBackground=false',
|
|
response: '<html><head><style></style></head><body><div>PortalPreview</div></body></html>'
|
|
});
|
|
|
|
await page.goto('/');
|
|
const section = await page.getByTestId('portal');
|
|
await section.getByRole('button', {name: 'Customize'}).click();
|
|
|
|
await page.waitForSelector('[data-testid="portal-modal"]');
|
|
|
|
const modal = page.getByTestId('portal-modal');
|
|
|
|
// since account page occurs twice on the page, we need to grab it by ID instead.
|
|
const accountTab = await page.$('#accountPage');
|
|
await accountTab?.click();
|
|
await modal.getByRole('textbox').fill('hello@world.com');
|
|
await modal.getByRole('button', {name: 'Save'}).click();
|
|
|
|
expect(lastApiRequests.editSettings?.body).toEqual({
|
|
settings: [
|
|
{
|
|
key: 'members_support_address',
|
|
value: 'hello@world.com'
|
|
}
|
|
]
|
|
});
|
|
});
|
|
});
|