mirror of
https://gh.wpcy.net/https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2026-05-02 05:02:40 +08:00
579 lines
19 KiB
TypeScript
579 lines
19 KiB
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { expect, getLast4CardDigits } from '@inpsyde/playwright-utils/build';
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { Pcp } from '../../resources';
|
|
import { PayPalPopup } from './paypal-popup';
|
|
import { PayPalApi } from '../paypal-api';
|
|
import { PayPalUi } from './paypal-ui';
|
|
|
|
/**
|
|
* Class for common dashboard locators, actions, assertions
|
|
*/
|
|
|
|
export class PayPalUiClassic extends PayPalUi {
|
|
// Locators
|
|
cartMenu = () => this.page.locator( '#site-header-cart' );
|
|
|
|
payPalIframe = () =>
|
|
this.page.frameLocator(
|
|
// unified selector for My Account and checkout pages
|
|
'[id^="ppc-button-ppcp-gateway"] iframe[name^="__zoid__paypal_buttons__"]'
|
|
);
|
|
payPalButtonsClassicContainer = () =>
|
|
this.payPalIframe().locator( '#buttons-container' );
|
|
fundingSourceButton = ( name ) =>
|
|
this.payPalIframe().locator( `[data-funding-source="${ name }"]` );
|
|
|
|
payPalButton = () => this.fundingSourceButton( 'paypal' );
|
|
payLaterButton = () => this.fundingSourceButton( 'paylater' );
|
|
sepaButton = () => this.fundingSourceButton( 'sepa' );
|
|
giropayButton = () => this.fundingSourceButton( 'giropay' );
|
|
sofortButton = () => this.fundingSourceButton( 'sofort' );
|
|
debitOrCreditCardButton = () => this.fundingSourceButton( 'card' );
|
|
venmoButton = () => this.fundingSourceButton( 'venmo' );
|
|
|
|
fundingSourceButtonLabelText = ( name ) =>
|
|
this.fundingSourceButton( name ).locator( '.paypal-button-text' ); // additional text on paypal buttons
|
|
fundingSourceButtonPayLabel = ( name ) =>
|
|
this.fundingSourceButton( name ).locator( '.pay-label' ); // for example Pay Now when vaulting
|
|
fundingSourceButtonLabel = ( name ) =>
|
|
this.fundingSourceButton( name ).locator( '.label' ); // customer's email if Vaulting
|
|
iframePayPalButton = () => this.payPalIframe().locator( '.paypal-button' );
|
|
iframePayPalButtonText = () =>
|
|
this.payPalIframe().locator( '.paypal-button-text.true' );
|
|
|
|
payPalGateway = () => this.page.locator( 'li.payment_method_ppcp-gateway' );
|
|
acdcGateway = () =>
|
|
this.page.locator( 'li.payment_method_ppcp-credit-card-gateway' );
|
|
debitCreditCardsGateway = () =>
|
|
this.page.locator( 'li.payment_method_ppcp-credit-card-gateway' );
|
|
standardCardButtonGateway = () =>
|
|
this.page.locator( 'li.payment_method_ppcp-card-button-gateway' );
|
|
oxxoGateway = () =>
|
|
this.page.locator( 'li.payment_method_ppcp-oxxo-gateway' );
|
|
payUponInvoiceGateway = () =>
|
|
this.page.locator( 'li.payment_method_ppcp-pay-upon-invoice-gateway' );
|
|
|
|
taglineText = () => this.payPalIframe().locator( '.paypal-button-tagline' );
|
|
payPalGatewayText = () =>
|
|
this.page.locator( '.payment_method_ppcp-gateway>label' );
|
|
payPalGatewayDescription = () =>
|
|
this.page.locator( '.payment_method_ppcp-gateway>p' );
|
|
acdcGatewayText = () =>
|
|
this.page.locator( '.payment_method_ppcp-credit-card-gateway>label' );
|
|
|
|
acdcCardNumberInput = () =>
|
|
this.page
|
|
.frameLocator( 'iframe[title="paypal_card_number_field"]' )
|
|
.locator( 'input.card-field-number ' );
|
|
acdcCardExpirationInput = () =>
|
|
this.page
|
|
.frameLocator( 'iframe[title="paypal_card_expiry_field"]' )
|
|
.locator( 'input.card-field-expiry' );
|
|
acdcCardCvvInput = () =>
|
|
this.page
|
|
.frameLocator( 'iframe[title="paypal_card_cvv_field"]' )
|
|
.locator( 'input.card-field-cvv' );
|
|
addPaymentMethodButton = () => this.page.locator( '#place_order' );
|
|
|
|
payPalCardGatewayIframe = () =>
|
|
this.payPalIframe().frameLocator( 'iframe.zoid-visible' );
|
|
payPalCardGatewayCardNumberInput = () =>
|
|
this.payPalCardGatewayIframe().locator( '#credit-card-number' );
|
|
payPalCardGatewayCardExpirationInput = () =>
|
|
this.payPalCardGatewayIframe().locator( '#expiry-date' );
|
|
payPalCardGatewayCSCCode = () =>
|
|
this.payPalCardGatewayIframe().locator( '#credit-card-security' );
|
|
payPalCardGatewayBuyNowButton = () =>
|
|
this.payPalCardGatewayIframe().locator( '#submit-button' );
|
|
payPalCardGatewayPoweredByText = () =>
|
|
this.page
|
|
.frameLocator( 'iframe[name^="__zoid__paypal_buttons__"]' )
|
|
.locator( '.paypal-powered-by' )
|
|
.getByText( 'Powered by' );
|
|
payPalCardGatewayPoweredByLogo = () =>
|
|
this.page
|
|
.frameLocator( 'iframe[name^="__zoid__paypal_buttons__"]' )
|
|
.locator( '.paypal-powered-by .paypal-logo' );
|
|
payPalCardGatewayFirsNameField = () =>
|
|
this.payPalCardGatewayIframe().locator(
|
|
'[id="billingAddress.givenName"]'
|
|
);
|
|
payPalCardGatewayLastNameField = () =>
|
|
this.payPalCardGatewayIframe().locator(
|
|
'[id="billingAddress.familyName"]'
|
|
);
|
|
payPalCardGatewayStreetField = () =>
|
|
this.payPalCardGatewayIframe().locator( '[id="billingAddress.line1"]' );
|
|
payPalCardGatewayApartmentBuildingField = () =>
|
|
this.payPalCardGatewayIframe().locator( '[id="billingAddress.line2"]' );
|
|
payPalCardGatewayCityField = () =>
|
|
this.payPalCardGatewayIframe().locator( '[id="billingAddress.city"]' );
|
|
payPalCardGatewayStateField = () =>
|
|
this.payPalCardGatewayIframe().locator( '[id="billingAddress.state"]' );
|
|
payPalCardGatewayZipCodeField = () =>
|
|
this.payPalCardGatewayIframe().locator(
|
|
'[id="billingAddress.postcode"]'
|
|
);
|
|
payPalCardGatewayPhoneField = () =>
|
|
this.payPalCardGatewayIframe().locator( '[id="phone"]' );
|
|
payPalCardGatewayEmailField = () =>
|
|
this.payPalCardGatewayIframe().locator( '[id="email"]' );
|
|
|
|
miniCartButtonIframe = () =>
|
|
this.page.frameLocator( '#ppc-button-minicart .component-frame' );
|
|
miniCartButtonContainer = () =>
|
|
this.miniCartButtonIframe().locator( '#buttons-container' );
|
|
miniCartFundingSourceButton = ( name ) =>
|
|
this.miniCartButtonIframe().locator(
|
|
`[data-funding-source="${ name }"]`
|
|
);
|
|
miniCartIframePayPalButton = () =>
|
|
this.miniCartButtonIframe().locator( '.paypal-button' );
|
|
miniCartPayPalButton = () => this.miniCartFundingSourceButton( 'paypal' );
|
|
|
|
debitOrCreditCardIframe = () =>
|
|
this.payPalIframe().frameLocator( 'iframe.zoid-visible' );
|
|
debitOrCreditCardNumberInput = () =>
|
|
this.debitOrCreditCardIframe().locator( '#credit-card-number' );
|
|
debitOrCreditCardExpirationInput = () =>
|
|
this.debitOrCreditCardIframe().locator( '#expiry-date' );
|
|
debitOrCreditCardCSCInput = () =>
|
|
this.debitOrCreditCardIframe().locator( '#credit-card-security' );
|
|
debitOrCreditCardBuyNowButton = () =>
|
|
this.debitOrCreditCardIframe().locator( '#submit-button' );
|
|
debitOrCreditCardFirstNameInput = () =>
|
|
this.debitOrCreditCardIframe().locator(
|
|
'[id="billingAddress.givenName"]'
|
|
);
|
|
debitOrCreditCardLastNameInput = () =>
|
|
this.debitOrCreditCardIframe().locator(
|
|
'[id="billingAddress.familyName"]'
|
|
);
|
|
debitOrCreditCardStreetInput = () =>
|
|
this.debitOrCreditCardIframe().locator( '[id="billingAddress.line1"]' );
|
|
debitOrCreditCardApartmentInput = () =>
|
|
this.debitOrCreditCardIframe().locator( '[id="billingAddress.line2"]' );
|
|
debitOrCreditCardCityInput = () =>
|
|
this.debitOrCreditCardIframe().locator( '[id="billingAddress.city"]' );
|
|
debitOrCreditCardStateInput = () =>
|
|
this.debitOrCreditCardIframe().locator( '[id="billingAddress.state"]' );
|
|
debitOrCreditCardZipCodeInput = () =>
|
|
this.debitOrCreditCardIframe().locator(
|
|
'[id="billingAddress.postcode"]'
|
|
);
|
|
debitOrCreditCardPhoneInput = () =>
|
|
this.debitOrCreditCardIframe().locator( '#phone' );
|
|
debitOrCreditCardEmailInput = () =>
|
|
this.debitOrCreditCardIframe().locator( '#email' );
|
|
debitOrCreditCardPayNowButton = () =>
|
|
this.debitOrCreditCardIframe().locator( '#submit-button' );
|
|
debitOrCreditCardTagline = () =>
|
|
this.page
|
|
.frameLocator( 'iframe[name^="__zoid__paypal_buttons__"]' )
|
|
.locator( '.paypal-powered-by' );
|
|
debitOrCreditCardPoweredByText = () =>
|
|
this.debitOrCreditCardTagline().getByText( 'Powered by' );
|
|
debitOrCreditCardPoweredByLogo = () =>
|
|
this.debitOrCreditCardTagline().locator( '.paypal-logo' );
|
|
|
|
standardCardButtonIframe = () =>
|
|
this.page.frameLocator(
|
|
'#ppc-button-ppcp-card-button-gateway .component-frame'
|
|
);
|
|
standardCardButton = () =>
|
|
this.standardCardButtonIframe().locator(
|
|
`[data-funding-source="card"]`
|
|
);
|
|
standardCardButtonDetailsIframe = () =>
|
|
this.standardCardButtonIframe().frameLocator( 'iframe.zoid-visible' );
|
|
standardCardButtonNumberInput = () =>
|
|
this.standardCardButtonDetailsIframe().locator( '#credit-card-number' );
|
|
standardCardButtonExpirationInput = () =>
|
|
this.standardCardButtonDetailsIframe().locator( '#expiry-date' );
|
|
standardCardButtonCSCInput = () =>
|
|
this.standardCardButtonDetailsIframe().locator(
|
|
'#credit-card-security'
|
|
);
|
|
standardCardButtonBuyNowButton = () =>
|
|
this.standardCardButtonDetailsIframe().locator( '#submit-button' );
|
|
standardCardButtonFirstNameInput = () =>
|
|
this.standardCardButtonDetailsIframe().locator(
|
|
'[id="billingAddress.givenName"]'
|
|
);
|
|
standardCardButtonLastNameInput = () =>
|
|
this.standardCardButtonDetailsIframe().locator(
|
|
'[id="billingAddress.familyName"]'
|
|
);
|
|
standardCardButtonStreetInput = () =>
|
|
this.standardCardButtonDetailsIframe().locator(
|
|
'[id="billingAddress.line1"]'
|
|
);
|
|
standardCardButtonApartmentInput = () =>
|
|
this.standardCardButtonDetailsIframe().locator(
|
|
'[id="billingAddress.line2"]'
|
|
);
|
|
standardCardButtonCityInput = () =>
|
|
this.standardCardButtonDetailsIframe().locator(
|
|
'[id="billingAddress.city"]'
|
|
);
|
|
standardCardButtonStateInput = () =>
|
|
this.standardCardButtonDetailsIframe().locator(
|
|
'[id="billingAddress.state"]'
|
|
);
|
|
standardCardButtonZipCodeInput = () =>
|
|
this.standardCardButtonDetailsIframe().locator(
|
|
'[id="billingAddress.postcode"]'
|
|
);
|
|
standardCardButtonPhoneInput = () =>
|
|
this.standardCardButtonDetailsIframe().locator( '#phone' );
|
|
standardCardButtonEmailInput = () =>
|
|
this.standardCardButtonDetailsIframe().locator( '#email' );
|
|
standardCardButtonPayNowButton = () =>
|
|
this.standardCardButtonDetailsIframe().locator( '#submit-button' );
|
|
standardCardButtonTagline = () =>
|
|
this.page
|
|
.frameLocator( 'iframe[name^="__zoid__paypal_buttons__"]' )
|
|
.locator( '.paypal-powered-by' );
|
|
standardCardButtonPoweredByText = () =>
|
|
this.standardCardButtonTagline().getByText( 'Powered by' );
|
|
standardCardButtonPoweredByLogo = () =>
|
|
this.standardCardButtonTagline().locator( '.paypal-logo' );
|
|
|
|
acdcCardsIcons = () =>
|
|
this.page.locator(
|
|
'.payment_method_ppcp-credit-card-gateway > label > img'
|
|
);
|
|
acdcStoredCredentialsText = () =>
|
|
this.page.locator(
|
|
'#wc-ppcp-credit-card-gateway-payment-token-3 > label'
|
|
);
|
|
acdcSaveToAccountCheckbox = () =>
|
|
this.page.locator( '#wc-ppcp-credit-card-gateway-new-payment-method' );
|
|
acdcSavedCards = () =>
|
|
this.page.locator( '.woocommerce-SavedPaymentMethods-token' );
|
|
acdcSavedCard = ( card: WooCommerce.CreditCard ) =>
|
|
this.acdcSavedCards().filter( {
|
|
hasText: `${ card.card_type } ending in ${ getLast4CardDigits(
|
|
card.card_number
|
|
) } (expires ${ card.expiration_date })`,
|
|
} );
|
|
acdcUseNewPaymentRadio = () =>
|
|
this.page.locator( '.woocommerce-SavedPaymentMethods-new > input' );
|
|
|
|
payUponInvoiceBirthDateInput = () =>
|
|
this.page.locator( '#billing_birth_date' );
|
|
payUponInvoiceGatewayTitle = () =>
|
|
this.page.locator(
|
|
'label[for="payment_method_ppcp-pay-upon-invoice-gateway"]'
|
|
);
|
|
payUponInvoiceGatewayDescription = () =>
|
|
this.payUponInvoiceGateway().locator(
|
|
'div.payment_method_ppcp-pay-upon-invoice-gateway>p'
|
|
);
|
|
|
|
payPalSpinner = () =>
|
|
this.page.locator( '.ppc-button-wrapper .blockUI.blockOverlay' );
|
|
|
|
venmoOverlayIframe = () =>
|
|
this.page.frameLocator( '.venmo-checkout-sandbox-iframe' );
|
|
venmoOverlayContinueButton = () =>
|
|
this.venmoOverlayIframe().locator( '.venmo-checkout-continue' );
|
|
|
|
payPalButtonMoreOptions = () =>
|
|
this.payPalIframe().locator(
|
|
'.paypal-button-wallet-menu .menu-button'
|
|
);
|
|
payPalMenuIframe = () =>
|
|
this.page.frameLocator( 'iframe[name^="__zoid__paypal_menu__"]' );
|
|
payWithDifferentAccountButton = () =>
|
|
this.payPalMenuIframe().getByText( 'pay with a different account' );
|
|
|
|
fastlaneContinueButton = () =>
|
|
this.page.locator( '#ppcp-axo-billing-email-submit-button' );
|
|
fastlaneContactContainer = () =>
|
|
this.page.locator( '#ppcp-axo-billing-email-field-wrapper' );
|
|
fastlaneEmailInput = () =>
|
|
this.fastlaneContactContainer().locator(
|
|
'input[name="billing_email"]'
|
|
);
|
|
fastlaneGateway = () =>
|
|
this.page.locator(
|
|
'li.payment_method_ppcp-axo-gateway label[for="payment_method_ppcp-axo-gateway"]'
|
|
);
|
|
|
|
usingVaultedPayPalAccountText = ( payPalEmail: string ) =>
|
|
this.page.getByText( `Using ${ payPalEmail } PayPal.` );
|
|
|
|
// Actions
|
|
|
|
/**
|
|
* Completes payment with ACDC
|
|
*
|
|
* @param payment
|
|
* @param merchant
|
|
*/
|
|
completeAcdcPayment = async (
|
|
payment: Pcp.Payment,
|
|
merchant: Pcp.Merchant
|
|
) => {
|
|
const { card, saveToAccount, isVaulted } = payment;
|
|
await expect( this.acdcGateway() ).toBeVisible();
|
|
await this.acdcGateway().click();
|
|
|
|
//if some cards are already stored then "Use a new payment method" radio should be checked
|
|
if (
|
|
! isVaulted &&
|
|
( await this.acdcUseNewPaymentRadio().isVisible() )
|
|
) {
|
|
await this.acdcUseNewPaymentRadio().check();
|
|
}
|
|
|
|
await this.acdcCardNumberInput().fill( card.card_number );
|
|
// trick to properly fill expiration date input
|
|
await this.acdcCardExpirationInput().click();
|
|
for ( const char of card.expiration_date ) {
|
|
await this.page.keyboard.type( char );
|
|
await this.page.waitForTimeout( 200 );
|
|
}
|
|
await this.acdcCardCvvInput().fill( card.card_cvv );
|
|
|
|
if ( saveToAccount ) {
|
|
await this.acdcSaveToAccountCheckbox().check();
|
|
}
|
|
|
|
await this.submitOrder();
|
|
await this.replacePayPalAuthToken( merchant );
|
|
};
|
|
|
|
/**
|
|
* Completes payment with ACDC (vaulting enabled)
|
|
*
|
|
* @param payment
|
|
* @param merchant
|
|
*/
|
|
completeAcdcVaultedPayment = async (
|
|
payment: Pcp.Payment,
|
|
merchant: Pcp.Merchant
|
|
) => {
|
|
await expect( this.acdcGateway() ).toBeVisible();
|
|
await this.acdcGateway().click();
|
|
await this.acdcSavedCard( payment.card ).click();
|
|
await this.submitOrder();
|
|
await this.replacePayPalAuthToken( merchant );
|
|
};
|
|
|
|
/**
|
|
* Completes payment with OXXO (vaulting disabled)
|
|
*/
|
|
completeOXXOPayment = async () => {
|
|
await expect( this.oxxoGateway() ).toBeVisible();
|
|
await this.oxxoGateway().click();
|
|
await expect(
|
|
this.page.getByText(
|
|
'OXXO allows you to pay bills and online purchases in-store with cash.'
|
|
)
|
|
).toBeVisible();
|
|
|
|
const popupPromise = this.page.waitForEvent( 'popup' );
|
|
await this.submitOrder();
|
|
const popup = await popupPromise;
|
|
const paypal = new PayPalPopup( popup );
|
|
|
|
await expect(
|
|
paypal.page.getByText( 'Successful Payment', { exact: true } )
|
|
).toBeVisible();
|
|
|
|
await popup.close();
|
|
};
|
|
|
|
/**
|
|
* Completes payment with Debit Or Credit Card (vaulting disabled)
|
|
*
|
|
* @param card
|
|
*/
|
|
completeDebitOrCreditCardPayment = async (
|
|
card: WooCommerce.CreditCard
|
|
) => {
|
|
await expect( this.debitOrCreditCardButton() ).toBeVisible();
|
|
await this.debitOrCreditCardButton().click();
|
|
await this.debitOrCreditCardNumberInput().fill( card.card_number );
|
|
await this.debitOrCreditCardExpirationInput().fill(
|
|
card.expiration_date
|
|
);
|
|
await this.debitOrCreditCardCSCInput().fill( card.card_cvv );
|
|
await this.debitOrCreditCardPayNowButton().click();
|
|
};
|
|
|
|
/**
|
|
* Completes payment with Standard Card Button (vaulting disabled)
|
|
*
|
|
* @param card
|
|
*/
|
|
completeStandardCardButtonPayment = async (
|
|
card: WooCommerce.CreditCard
|
|
) => {
|
|
await expect( this.standardCardButtonGateway() ).toBeVisible();
|
|
await this.standardCardButtonGateway().click();
|
|
await this.standardCardButton().click();
|
|
await this.standardCardButtonNumberInput().fill( card.card_number );
|
|
await this.standardCardButtonExpirationInput().fill(
|
|
card.expiration_date
|
|
);
|
|
await this.standardCardButtonCSCInput().fill( card.card_cvv );
|
|
await this.standardCardButtonPayNowButton().click();
|
|
};
|
|
|
|
/**
|
|
* Completes payment with Pay upon Invoice (vaulting disabled)
|
|
*
|
|
* @param birthDate
|
|
*/
|
|
completePayUponInvoicePayment = async ( birthDate: string ) => {
|
|
await expect( this.payUponInvoiceGateway() ).toBeVisible();
|
|
await this.payUponInvoiceGateway().click();
|
|
await this.payUponInvoiceBirthDateInput().click();
|
|
await this.page.keyboard.type( birthDate );
|
|
await this.submitOrder();
|
|
};
|
|
|
|
addCardPaymentMethod = async ( payment: Pcp.Payment ) => {
|
|
await expect( this.debitCreditCardsGateway() ).toBeVisible();
|
|
await this.debitCreditCardsGateway().click();
|
|
await this.acdcCardNumberInput().fill( payment.card.card_number );
|
|
await this.acdcCardExpirationInput().click();
|
|
await this.page.keyboard.type( payment.card.expiration_date );
|
|
await this.acdcCardCvvInput().fill( payment.card.card_cvv );
|
|
await this.addPaymentMethodButton().click();
|
|
};
|
|
|
|
// Assertions
|
|
|
|
/**
|
|
* Asserts the saved payment method is visible
|
|
*
|
|
* @param payment
|
|
*/
|
|
assertVaultedPaymentMethodIsDisplayed = async ( payment: Pcp.Payment ) => {
|
|
const { gateway, payPalAccount, card } = payment;
|
|
switch ( gateway.shortcut ) {
|
|
case 'paypal':
|
|
await this.payPalGateway().click();
|
|
// await expect( this.payPalButton() ).toContainText( 'Pay Now' );
|
|
await expect(
|
|
this.payPalButtonMoreOptions().or(
|
|
// Case on classic checkout
|
|
this.usingVaultedPayPalAccountText(
|
|
payPalAccount?.email
|
|
)
|
|
)
|
|
).toBeVisible();
|
|
break;
|
|
|
|
case 'acdc':
|
|
await this.acdcGateway().click();
|
|
await expect( this.acdcSavedCard( card ) ).toBeVisible();
|
|
break;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Asserts the saved payment method is visible
|
|
*
|
|
* @param payment
|
|
*/
|
|
assertVaultedPaymentMethodIsDisplayedOnClassicCheckout = async (
|
|
payment: Pcp.Payment
|
|
) => {
|
|
const { gateway, payPalAccount, card } = payment;
|
|
switch ( gateway.shortcut ) {
|
|
case 'paypal':
|
|
await this.payPalGateway().click();
|
|
await expect( this.payPalButton() ).toContainText( 'Pay Now' );
|
|
// Sometimes instead of vaulted PayPal button following is displayed:
|
|
// "Proceed to PayPal" button with text "Using <PayPal-user-email> PayPal."
|
|
// await expect(
|
|
// this.usingVaultedPayPalAccountText( payPalAccount?.email )
|
|
// ).toBeVisible();
|
|
break;
|
|
|
|
case 'acdc':
|
|
await this.acdcGateway().click();
|
|
await expect( this.acdcSavedCard( card ) ).toBeVisible();
|
|
break;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Asserts the saved payment method is not visible
|
|
*
|
|
* @param payment
|
|
*/
|
|
assertVaultedPaymentMethodIsNotDisplayed = async (
|
|
payment: Pcp.Payment
|
|
) => {
|
|
switch ( payment.gateway.shortcut ) {
|
|
case 'paypal':
|
|
await this.payPalGateway().click();
|
|
await expect( this.payPalButton() ).not.toContainText(
|
|
'Pay Now'
|
|
);
|
|
await expect(
|
|
this.payPalButtonMoreOptions()
|
|
).not.toBeVisible();
|
|
await expect(
|
|
this.usingVaultedPayPalAccountText(
|
|
payment.payPalAccount?.email
|
|
)
|
|
).not.toBeVisible();
|
|
break;
|
|
|
|
case 'acdc':
|
|
await this.acdcGateway().click();
|
|
await expect(
|
|
this.acdcSavedCard( payment.card )
|
|
).not.toBeVisible();
|
|
break;
|
|
}
|
|
};
|
|
|
|
/**
|
|
* - Asserts PayPal buttons classic container is visible.
|
|
* - Compares actual PayPal buttons container screenshot to expected.
|
|
*
|
|
* @param snapshotName
|
|
*/
|
|
snapshotClassicPayPalButtons = async ( snapshotName: string ) => {
|
|
await expect.soft( this.payPalButtonsClassicContainer() ).toBeVisible();
|
|
await this.page.waitForTimeout( 500 );
|
|
expect
|
|
.soft(
|
|
await this.payPalButtonsClassicContainer().screenshot( {
|
|
animations: 'disabled',
|
|
} )
|
|
)
|
|
.toMatchSnapshot( `${ snapshotName }.png` );
|
|
};
|
|
|
|
/**
|
|
* - Asserts Minicart PayPal buttons container is visible.
|
|
* - Compares actual PayPal buttons container screenshot to expected.
|
|
*
|
|
* @param snapshotName
|
|
*/
|
|
snapshotMinicartPayPalButtons = async ( snapshotName: string ) => {
|
|
await expect.soft( this.miniCartButtonContainer() ).toBeVisible();
|
|
await this.page.waitForTimeout( 500 );
|
|
expect
|
|
.soft(
|
|
await this.miniCartButtonContainer().screenshot( {
|
|
animations: 'disabled',
|
|
} )
|
|
)
|
|
.toMatchSnapshot( `${ snapshotName }.png` );
|
|
};
|
|
}
|
