TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-30 21:40:39 +03:00
Code Issues Projects Releases Wiki Activity

Added playwright tests for portal links

Browse Source 
refs https://github.com/TryGhost/Team/issues/2371
This commit is contained in:
Rishabh 2023-01-12 13:00:55 +05:30
parent f0e98c8bcb
commit 28bea791dd
3 changed files with 205 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
ghost/admin/app/components/gh-portal-links.hbs
View File

@ -9,7 +9,12 @@
<td> <td>
<div class='toggle-header'> <div class='toggle-header'>
<h4>{{this.sectionHeaderLabel}}</h4> <h4>{{this.sectionHeaderLabel}}</h4>
<h4 role="button" class='gh-portal-links-cell toggle' {{on "click" this.toggleShowLinks}}>{{this.toggleValue}}</h4> <h4 role="button"
class='gh-portal-links-cell toggle' {{on "click" this.toggleShowLinks}}
data-test-toggle="portal-links-data-attr-toggle"
>
{{this.toggleValue}}
</h4>
</div> </div>
</td> </td>
</tr> </tr>
@ -21,22 +26,27 @@
<tr> <tr>
<td class="pagename">Default</td> <td class="pagename">Default</td>
<td class='page-url'> <td class='page-url'>
<div class="gh-portal-page-url-container"> <div class="gh-portal-page-url-container" data-test--page-url="default">
{{#if this.isLink}} {{#if this.isLink}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-link-default"
value="{{this.siteUrl}}/#/portal" value="{{this.siteUrl}}/#/portal"
disabled="true" disabled="true"
aria-label="Default Portal link"> aria-label="Default Portal link">
{{else}} {{else}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-data-attr-default"
value="data-portal" value="data-portal"
disabled="true" disabled="true"
aria-label="Default Portal data attribute"> aria-label="Default Portal data attribute">
{{/if}} {{/if}}
<button type="button" {{action (perform this.copyStaticLink '')}} class="gh-portal-setting-copy"> <button
type="button" {{action (perform this.copyStaticLink '')}} class="gh-portal-setting-copy"
data-test-button="copy-url-attr"
>
{{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice ""))}} {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice ""))}}
{{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
{{else}} {{else}}
@ -52,21 +62,26 @@
<tr> <tr>
<td class='pagename'>Sign in</td> <td class='pagename'>Sign in</td>
<td class='page-url'> <td class='page-url'>
<div class="gh-portal-page-url-container"> <div class="gh-portal-page-url-container" data-test-page-url="signin">
{{#if this.isLink}} {{#if this.isLink}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-link-signin"
value="{{this.siteUrl}}/#/portal/signin" value="{{this.siteUrl}}/#/portal/signin"
disabled="true" disabled="true"
aria-label="Sign in Portal link"> aria-label="Sign in Portal link">
{{else}} {{else}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-data-attr-signin"
value='data-portal="signin"' value='data-portal="signin"'
disabled="true" disabled="true"
aria-label="Sign in Portal data attribute"> aria-label="Sign in Portal data attribute">
{{/if}} {{/if}}
<button type="button" {{action (perform this.copyStaticLink "signin")}} class="gh-portal-setting-copy"> <button
type="button" {{action (perform this.copyStaticLink "signin")}} class="gh-portal-setting-copy"
data-test-button="copy-url-attr"
>
{{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signin"))}} {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signin"))}}
{{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
{{else}} {{else}}
@ -79,21 +94,26 @@
<tr> <tr>
<td class='pagename'>Sign up</td> <td class='pagename'>Sign up</td>
<td class='page-url'> <td class='page-url'>
<div class="gh-portal-page-url-container"> <div class="gh-portal-page-url-container" data-test-page-url="signup">
{{#if this.isLink}} {{#if this.isLink}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-link-signup"
value="{{this.siteUrl}}/#/portal/signup" value="{{this.siteUrl}}/#/portal/signup"
disabled="true" disabled="true"
aria-label="Sign up Portal link"> aria-label="Sign up Portal link">
{{else}} {{else}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
data-test-input="portal-data-attr-signup"
type="text" type="text"
value='data-portal="signup"' value='data-portal="signup"'
disabled="true" disabled="true"
aria-label="Sign up Portal data attribute"> aria-label="Sign up Portal data attribute">
{{/if}} {{/if}}
<button type="button" {{action (perform this.copyStaticLink "signup")}} class="gh-portal-setting-copy"> <button
type="button" {{action (perform this.copyStaticLink "signup")}} class="gh-portal-setting-copy"
data-test-button="copy-url-attr"
>
{{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup"))}} {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup"))}}
{{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
{{else}} {{else}}
@ -116,6 +136,7 @@
tabindex="0" tabindex="0"
> >
<OneWaySelect <OneWaySelect
data-test-select="portal-tier-select"
@id="portal-tier-link" @id="portal-tier-link"
@name="portal[tier-link]" @name="portal[tier-link]"
@options={{this.tierOptions}} @options={{this.tierOptions}}
@ -131,21 +152,26 @@
<tr> <tr>
<td class='pagename'>Sign up/Monthly</td> <td class='pagename'>Sign up/Monthly</td>
<td class='page-url'> <td class='page-url'>
<div class="gh-portal-page-url-container"> <div class="gh-portal-page-url-container" data-test-page-url="{{this.selectedTierIdPath}}">
{{#if this.isLink}} {{#if this.isLink}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-link-monthly"
value="{{this.siteUrl}}/#/portal/signup{{this.selectedTierIdPath}}/monthly" value="{{this.siteUrl}}/#/portal/signup{{this.selectedTierIdPath}}/monthly"
disabled="true" disabled="true"
aria-label="Monthly sign up Portal link"> aria-label="Monthly sign up Portal link">
{{else}} {{else}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-data-attr-monthly"
value='data-portal="signup{{this.selectedTierIdPath}}/monthly"' value='data-portal="signup{{this.selectedTierIdPath}}/monthly"'
disabled="true" disabled="true"
aria-label="Monthly sign up Portal data attribute"> aria-label="Monthly sign up Portal data attribute">
{{/if}} {{/if}}
<button type="button" {{action (perform this.copyTierSignupLink "monthly")}} class="gh-portal-setting-copy"> <button
type="button" {{action (perform this.copyTierSignupLink "monthly")}} class="gh-portal-setting-copy"
data-test-button="copy-url-attr"
>
{{#if (and this.copyTierSignupLink.isRunning (eq this.copiedSignupInterval "monthly"))}} {{#if (and this.copyTierSignupLink.isRunning (eq this.copiedSignupInterval "monthly"))}}
{{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
{{else}} {{else}}
@ -158,21 +184,26 @@
<tr> <tr>
<td class='pagename'>Sign up/Yearly</td> <td class='pagename'>Sign up/Yearly</td>
<td class='page-url'> <td class='page-url'>
<div class="gh-portal-page-url-container"> <div class="gh-portal-page-url-container" data-test-page-url="{{this.selectedTierIdPath}}">
{{#if this.isLink}} {{#if this.isLink}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-link-yearly"
value="{{this.siteUrl}}/#/portal/signup{{this.selectedTierIdPath}}/yearly" value="{{this.siteUrl}}/#/portal/signup{{this.selectedTierIdPath}}/yearly"
disabled="true" disabled="true"
aria-label="Yearly sign up Portal link"> aria-label="Yearly sign up Portal link">
{{else}} {{else}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-data-attr-yearly"
value='data-portal="signup{{this.selectedTierIdPath}}/yearly"' value='data-portal="signup{{this.selectedTierIdPath}}/yearly"'
disabled="true" disabled="true"
aria-label="Yearly sign up Portal data attribute"> aria-label="Yearly sign up Portal data attribute">
{{/if}} {{/if}}
<button type="button" {{action (perform this.copyTierSignupLink "yearly")}} class="gh-portal-setting-copy"> <button
type="button" {{action (perform this.copyTierSignupLink "yearly")}} class="gh-portal-setting-copy"
data-test-button="copy-url-attr"
>
{{#if (and this.copyTierSignupLink.isRunning (eq this.copiedSignupInterval "yearly"))}} {{#if (and this.copyTierSignupLink.isRunning (eq this.copiedSignupInterval "yearly"))}}
{{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
{{else}} {{else}}
@ -189,17 +220,22 @@
{{#if this.isLink}} {{#if this.isLink}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-link-free"
value="{{this.siteUrl}}/#/portal/signup/free" value="{{this.siteUrl}}/#/portal/signup/free"
disabled="true" disabled="true"
aria-label="Free sign up Portal link"> aria-label="Free sign up Portal link">
{{else}} {{else}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-data-attr-free"
value='data-portal="signup/free"' value='data-portal="signup/free"'
disabled="true" disabled="true"
aria-label="Free sign up Portal data attribute"> aria-label="Free sign up Portal data attribute">
{{/if}} {{/if}}
<button type="button" {{action (perform this.copyStaticLink "signup/free")}} class="gh-portal-setting-copy"> <button
type="button" {{action (perform this.copyStaticLink "signup/free")}} class="gh-portal-setting-copy"
data-test-button="copy-url-attr"
>
{{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup/free"))}} {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup/free"))}}
{{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
{{else}} {{else}}
@ -217,17 +253,22 @@
{{#if this.isLink}} {{#if this.isLink}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-link-monthly"
value="{{this.siteUrl}}/#/portal/signup/monthly" value="{{this.siteUrl}}/#/portal/signup/monthly"
disabled="true" disabled="true"
aria-label="Monthly sign up Portal link"> aria-label="Monthly sign up Portal link">
{{else}} {{else}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-data-attr-monthly"
value='data-portal="signup/monthly"' value='data-portal="signup/monthly"'
disabled="true" disabled="true"
aria-label="Monthly sign up Portal data attribute"> aria-label="Monthly sign up Portal data attribute">
{{/if}} {{/if}}
<button type="button" {{action (perform this.copyStaticLink "signup/monthly")}} class="gh-portal-setting-copy"> <button
type="button" {{action (perform this.copyStaticLink "signup/monthly")}} class="gh-portal-setting-copy"
data-test-button="copy-url-attr"
>
{{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup/monthly"))}} {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup/monthly"))}}
{{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
{{else}} {{else}}
@ -244,17 +285,22 @@
{{#if this.isLink}} {{#if this.isLink}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-link-yearly"
value="{{this.siteUrl}}/#/portal/signup/yearly" value="{{this.siteUrl}}/#/portal/signup/yearly"
disabled="true" disabled="true"
aria-label="Yearly sign up Portal link"> aria-label="Yearly sign up Portal link">
{{else}} {{else}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-data-attr-yearly"
value='data-portal="signup/yearly"' value='data-portal="signup/yearly"'
disabled="true" disabled="true"
aria-label="Yearly sign up Portal data attribute"> aria-label="Yearly sign up Portal data attribute">
{{/if}} {{/if}}
<button type="button" {{action (perform this.copyStaticLink "signup/yearly")}} class="gh-portal-setting-copy"> <button
type="button" {{action (perform this.copyStaticLink "signup/yearly")}} class="gh-portal-setting-copy"
data-test-button="copy-url-attr"
>
{{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup/yearly"))}} {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup/yearly"))}}
{{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
{{else}} {{else}}
@ -271,17 +317,22 @@
{{#if this.isLink}} {{#if this.isLink}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-link-free"
value="{{this.siteUrl}}/#/portal/signup/free" value="{{this.siteUrl}}/#/portal/signup/free"
disabled="true" disabled="true"
aria-label="Free sign up Portal link"> aria-label="Free sign up Portal link">
{{else}} {{else}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-data-attr-free"
value='data-portal="signup/free"' value='data-portal="signup/free"'
disabled="true" disabled="true"
aria-label="Free sign up Portal data attribute"> aria-label="Free sign up Portal data attribute">
{{/if}} {{/if}}
<button type="button" {{action (perform this.copyStaticLink "signup/free")}} class="gh-portal-setting-copy"> <button
type="button" {{action (perform this.copyStaticLink "signup/free")}} class="gh-portal-setting-copy"
data-test-button="copy-url-attr"
>
{{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup/free"))}} {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "signup/free"))}}
{{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
{{else}} {{else}}
@ -302,17 +353,22 @@
{{#if this.isLink}} {{#if this.isLink}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-link-account"
value="{{this.siteUrl}}/#/portal/account" value="{{this.siteUrl}}/#/portal/account"
disabled="true" disabled="true"
aria-label="Account Portal link"> aria-label="Account Portal link">
{{else}} {{else}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-data-attr-account"
value='data-portal="account"' value='data-portal="account"'
disabled="true" disabled="true"
aria-label="Account Portal data attribute"> aria-label="Account Portal data attribute">
{{/if}} {{/if}}
<button type="button" {{action (perform this.copyStaticLink "account")}} class="gh-portal-setting-copy"> <button
type="button" {{action (perform this.copyStaticLink "account")}} class="gh-portal-setting-copy"
data-test-button="copy-url-attr"
>
{{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "account"))}} {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "account"))}}
{{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
{{else}} {{else}}
@ -329,17 +385,22 @@
{{#if this.isLink}} {{#if this.isLink}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-link-account-plans"
value="{{this.siteUrl}}/#/portal/account/plans" value="{{this.siteUrl}}/#/portal/account/plans"
disabled="true" disabled="true"
aria-label="Account/Plans Portal link"> aria-label="Account/Plans Portal link">
{{else}} {{else}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-data-attr-account-plans"
value='data-portal="account/plans"' value='data-portal="account/plans"'
disabled="true" disabled="true"
aria-label="Account/Plans Portal data attribute"> aria-label="Account/Plans Portal data attribute">
{{/if}} {{/if}}
<button type="button" {{action (perform this.copyStaticLink "account/plans")}} class="gh-portal-setting-copy"> <button
type="button" {{action (perform this.copyStaticLink "account/plans")}} class="gh-portal-setting-copy"
data-test-button="copy-url-attr"
>
{{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "account/plans"))}} {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "account/plans"))}}
{{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
{{else}} {{else}}
@ -356,17 +417,22 @@
{{#if this.isLink}} {{#if this.isLink}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-link-account-profile"
value="{{this.siteUrl}}/#/portal/account/profile" value="{{this.siteUrl}}/#/portal/account/profile"
disabled="true" disabled="true"
aria-label="Account/Profile Portal link"> aria-label="Account/Profile Portal link">
{{else}} {{else}}
<input class="gh-input page-url-field" <input class="gh-input page-url-field"
type="text" type="text"
data-test-input="portal-tier-data-attr-account-profile"
value='data-portal="account/profile"' value='data-portal="account/profile"'
disabled="true" disabled="true"
aria-label="Account/Profile Portal data attribute"> aria-label="Account/Profile Portal data attribute">
{{/if}} {{/if}}
<button type="button" {{action (perform this.copyStaticLink "account/profile")}} class="gh-portal-setting-copy"> <button
type="button" {{action (perform this.copyStaticLink "account/profile")}} class="gh-portal-setting-copy"
data-test-button="copy-url-attr"
>
{{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "account/profile"))}} {{#if (and this.copyStaticLink.isRunning (eq this.copiedPrice "account/profile"))}}
{{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied {{svg-jar "check-circle" class="w3 v-mid mr2 stroke-darkgrey"}} Copied
{{else}} {{else}}

3
ghost/admin/app/components/modal-portal-settings.hbs
View File

@ -304,8 +304,9 @@
<div class="gh-portal-settings-main"> <div class="gh-portal-settings-main">
<div class="gh-portal-settings-previewheader"> <div class="gh-portal-settings-previewheader">
<div class="gh-select gh-preview-page-selector"> <div class="gh-select gh-preview-page-selector" data-test-select="preview-page-selector">
<OneWaySelect <OneWaySelect
@data-test-select="page-selector"
@value={{this.page}} @value={{this.page}}
@options={{this.availablePages}} @options={{this.availablePages}}
@optionValuePath="name" @optionValuePath="name"

119
ghost/core/test/e2e-browser/admin/portal-settings.spec.js Normal file
View File

@ -0,0 +1,119 @@
const {expect, test} = require('@playwright/test');
test.describe('Portal Settings', () => {
test.describe('Links', () => {
test('can open portal on default page', async ({page}) => {
await page.goto('/ghost');
// Navigate to the member settings
await page.locator('[data-test-nav="settings"]').click();
await page.locator('[data-test-nav="members-membership"]').click();
// open portal settings
await page.locator('[data-test-toggle="portal-settings"]').click();
// open links preview page
await page.locator('[data-test-select="page-selector"]').first().selectOption('links');
// fetch portal default url from input
const portalUrl = await page.locator('[data-test-input="portal-link-default"]').inputValue();
await page.goto(portalUrl);
const portalFrame = page.locator('[data-testid="portal-popup-frame"]');
// check portal popup is opened
await expect(portalFrame).toBeVisible();
});
test('can open portal on signin page', async ({page}) => {
await page.goto('/ghost');
// Navigate to the member settings
await page.locator('[data-test-nav="settings"]').click();
await page.locator('[data-test-nav="members-membership"]').click();
// open portal settings
await page.locator('[data-test-toggle="portal-settings"]').click();
// open links preview page
await page.locator('[data-test-select="page-selector"]').first().selectOption('links');
// fetch portal signin url from input
const portalUrl = await page.locator('[data-test-input="portal-link-signin"]').inputValue();
await page.goto(portalUrl);
const portalFrame = page.locator('[data-testid="portal-popup-frame"]');
const portalFrameLocator = page.frameLocator('[data-testid="portal-popup-frame"]');
// check portal popup is opened
await expect(portalFrame).toBeVisible();
// check signin page is opened in portal
await expect(portalFrameLocator.getByRole('heading', {name: 'Sign in'})).toBeVisible();
});
test('can open portal on signup page', async ({page}) => {
await page.goto('/ghost');
// Navigate to the member settings
await page.locator('[data-test-nav="settings"]').click();
await page.locator('[data-test-nav="members-membership"]').click();
// open portal settings
await page.locator('[data-test-toggle="portal-settings"]').click();
// open links preview page
await page.locator('[data-test-select="page-selector"]').first().selectOption('links');
// fetch portal signup url from input
const portalUrl = await page.locator('[data-test-input="portal-link-signup"]').inputValue();
await page.goto(portalUrl);
const portalFrame = page.locator('[data-testid="portal-popup-frame"]');
const portalFrameLocator = page.frameLocator('[data-testid="portal-popup-frame"]');
// check portal popup is opened
await expect(portalFrame).toBeVisible();
// check signup page is opened in portal
await expect(portalFrameLocator.locator('.gh-portal-signup')).toBeVisible();
});
test('can open portal directly on monthly signup', async ({page}) => {
await page.goto('/ghost');
// Navigate to the member settings
await page.locator('[data-test-nav="settings"]').click();
await page.locator('[data-test-nav="members-membership"]').click();
// open portal settings
await page.locator('[data-test-toggle="portal-settings"]').click();
// open links preview page
await page.locator('[data-test-select="page-selector"]').first().selectOption('links');
// fetch and go to portal directly monthly signup url
const portalUrl = await page.locator('[data-test-input="portal-tier-link-monthly"]').inputValue();
await page.goto(portalUrl);
// expect stripe checkout to have opeened
await page.waitForNavigation();
await expect(page).toHaveURL(/^https:\/\/checkout.stripe.com/);
});
test('can open portal directly on yearly signup', async ({page}) => {
await page.goto('/ghost');
// Navigate to the member settings
await page.locator('[data-test-nav="settings"]').click();
await page.locator('[data-test-nav="members-membership"]').click();
// open portal settings
await page.locator('[data-test-toggle="portal-settings"]').click();
// open links preview page
await page.locator('[data-test-select="page-selector"]').first().selectOption('links');
// fetch and go to portal directly monthly signup url
const portalUrl = await page.locator('[data-test-input="portal-tier-link-yearly"]').inputValue();
await page.goto(portalUrl);
// expect stripe checkout to have opeened
await page.waitForNavigation();
await expect(page).toHaveURL(/^https:\/\/checkout.stripe.com/);
});
});
});