-
Notifications
You must be signed in to change notification settings - Fork 23
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
5378b93
commit 27a01c0
Showing
8 changed files
with
216 additions
and
187 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
142 changes: 65 additions & 77 deletions
142
Tests/E2E/helper/scenario/pay_with_card/locatorHelper.mjs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,81 +1,69 @@ | ||
| export const locators = (function () { | ||
| export const locators = (function() { | ||
| return { | ||
| /** | ||
| * @var {Locator} | ||
| */ | ||
| contingencyHandlerWrapper: null, | ||
|
|
||
| /** | ||
| * @var {FrameLocator} | ||
| */ | ||
| contingencyHandlerIFrame: null, | ||
|
|
||
| /** | ||
| * @var {FrameLocator} | ||
| */ | ||
| threeDSecureIFrame: null, | ||
|
|
||
| /** | ||
| * @var {FrameLocator} | ||
| */ | ||
| cardinalStepUpIFrame: null, | ||
|
|
||
| /** | ||
| * @var {Locator} | ||
| */ | ||
| submitTokenForm: null, | ||
|
|
||
| /** | ||
| * @var {Locator} | ||
| */ | ||
| resendTokenForm: null, | ||
|
|
||
| /** | ||
| * @var {Locator} | ||
| */ | ||
| cancelForm: null, | ||
|
|
||
| /** | ||
| * @var {Locator} | ||
| */ | ||
| submitTokenInput: null, | ||
|
|
||
| /** | ||
| * @var {Locator} | ||
| */ | ||
| submitButton: null, | ||
|
|
||
| /** | ||
| * @var {Locator} | ||
| */ | ||
| resendButton: null, | ||
|
|
||
| /** | ||
| * @var {Locator} | ||
| */ | ||
| cancelButton: null, | ||
|
|
||
| /** | ||
| * @var {Locator} | ||
| */ | ||
| paypalUnifiedErrorMessageContainer: null, | ||
|
|
||
| /** | ||
| * @param {Page} page | ||
| */ | ||
| init: function (page) { | ||
| this.contingencyHandlerWrapper = page.locator('div[id~="payments-sdk-contingency-handler"]'); | ||
| this.contingencyHandlerIFrame = page.frameLocator('iframe[title~="payments_sdk_contingency_handler"]'); | ||
| this.threeDSecureIFrame = this.contingencyHandlerIFrame.frameLocator('iframe[id="threedsIframeV2"]'); | ||
| this.cardinalStepUpIFrame = this.threeDSecureIFrame.frameLocator('iframe[id^="cardinal-stepUpIframe"]'); | ||
| this.submitTokenForm = this.cardinalStepUpIFrame.locator('form[name="cardholderInput"]'); | ||
| this.resendTokenForm = this.cardinalStepUpIFrame.locator('form[name="resendChallengeData"]'); | ||
| this.cancelForm = this.cardinalStepUpIFrame.locator('form[name="cancel"]'); | ||
| this.submitTokenInput = this.submitTokenForm.locator('input[name="challengeDataEntry"]'); | ||
| this.submitButton = this.submitTokenForm.locator('input[type="submit"]'); | ||
| this.resendButton = this.resendTokenForm.locator('input[type="submit"]'); | ||
| this.cancelButton = this.cancelForm.locator('input[value="CANCEL"]'); | ||
| this.paypalUnifiedErrorMessageContainer = page.locator('.paypal-unified--error'); | ||
| paypalUnifiedErrorMessageContainer: async function(page) { | ||
| return await page.locator('.paypal-unified--error'); | ||
| }, | ||
|
|
||
| cancelButton: async function(page) { | ||
| const cancelForm = await this.cancelForm(page); | ||
|
|
||
| return await cancelForm.locator('input[value="CANCEL"]'); | ||
| }, | ||
|
|
||
| resendButton: async function(page) { | ||
| const resendTokenForm = await this.resendTokenForm(page); | ||
|
|
||
| return await resendTokenForm.locator('input[value="RESEND CODE"]'); | ||
| }, | ||
|
|
||
| submitButton: async function(page) { | ||
| const submitTokenForm = await this.submitTokenForm(page); | ||
|
|
||
| return await submitTokenForm.locator('input[value="SUBMIT"]'); | ||
| }, | ||
|
|
||
| submitTokenInput: async function(page) { | ||
| const submitTokenForm = await this.submitTokenForm(page); | ||
|
|
||
| return await submitTokenForm.locator('input[name="challengeDataEntry"]'); | ||
| }, | ||
|
|
||
| cancelForm: async function(page) { | ||
| const cardinalStepUpIFrame = await this.cardinalStepUpIFrame(page); | ||
|
|
||
| return await cardinalStepUpIFrame.locator('form[name="cancel"]'); | ||
| }, | ||
|
|
||
| resendTokenForm: async function(page) { | ||
| const cardinalStepUpIFrame = await this.cardinalStepUpIFrame(page); | ||
|
|
||
| return await cardinalStepUpIFrame.locator('form[name="resendChallengeData"]'); | ||
| }, | ||
|
|
||
| submitTokenForm: async function(page) { | ||
| const cardinalStepUpIFrame = await this.cardinalStepUpIFrame(page); | ||
|
|
||
| return await cardinalStepUpIFrame.locator('form[name="cardholderInput"]'); | ||
| }, | ||
|
|
||
| cardinalStepUpIFrame: async function(page) { | ||
| const threeDSecureIFrame = await this.threeDSecureIFrame(page); | ||
|
|
||
| return await threeDSecureIFrame.frameLocator('iframe[id^="cardinal-stepUpIframe"]'); | ||
| }, | ||
|
|
||
| threeDSecureIFrame: async function(page) { | ||
| const contingencyHandlerIFrame = await this.contingencyHandlerIFrame(page); | ||
|
|
||
| return await contingencyHandlerIFrame.frameLocator('iframe[id="threedsIframeV2"]'); | ||
| }, | ||
|
|
||
| contingencyHandlerIFrame: async function(page) { | ||
| return await page.frameLocator('iframe[title~="payments_sdk_contingency_handler"]'); | ||
| }, | ||
|
|
||
| contingencyHandlerWrapper: async function(page) { | ||
| return await page.locator('div[id~="payments-sdk-contingency-handler"]'); | ||
| }, | ||
| }; | ||
| })(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,71 @@ | ||
| import {test, expect} from '@playwright/test'; | ||
| import credentials from './credentials.mjs'; | ||
| import MysqlFactory from '../helper/mysqlFactory.mjs'; | ||
| import defaultPaypalSettingsSql from '../helper/paypalSqlHelper.mjs'; | ||
| import clearCacheHelper from '../helper/clearCacheHelper.mjs'; | ||
| import getPaypalPaymentMethodSelector from '../helper/getPayPalPaymentMethodSelector.mjs'; | ||
| import payLaterSettingsHelper from '../helper/payLaterSettingsHelper.mjs'; | ||
|
|
||
| const connection = MysqlFactory.getInstance(); | ||
|
|
||
| test.use({locale: 'de-DE'}); | ||
|
|
||
| test.describe('Test Pay Later is shown', () => { | ||
| test.beforeEach(async() => { | ||
| await connection.query(defaultPaypalSettingsSql); | ||
| await payLaterSettingsHelper.activateAll(); | ||
| await clearCacheHelper.clearCache(); | ||
| }); | ||
|
|
||
| test('Is PayLater button available: ProductDetailPage, OffCanvasBasket, CheckoutPage, ProductListingPage @notIn5.2', async({page}) => { | ||
| await clearCacheHelper.clearCache(); | ||
|
|
||
| // Go to product listing | ||
| await page.goto('/sommerwelten/beachwear/', {waitUntil: 'load'}); | ||
|
|
||
| await page.waitForTimeout(10000); | ||
|
|
||
| // Check listing page | ||
| const listingPageLocator = await page.frameLocator('.component-frame').first().locator('div[data-funding-source="paylater"]'); | ||
| await expect(listingPageLocator.locator('.paypal-button-text')).toHaveText(/Später Bezahlen/); | ||
|
|
||
| // Go to detail page | ||
| await page.goto('/sommerwelten/beachwear/178/strandtuch-ibiza', {waitUntil: 'load'}); | ||
|
|
||
| // Check product detail page | ||
| const detailPageLocator = await page.frameLocator('.component-frame').locator('div[data-funding-source="paylater"]'); | ||
| await expect(detailPageLocator.locator('.paypal-button-text')).toHaveText(/Später Bezahlen/); | ||
|
|
||
| // Add product to cart | ||
| await page.click('.buybox--button'); | ||
|
|
||
| // Check offcanvas basket | ||
| const offCanvasLocator = await page.locator('.ajax--cart').frameLocator('.component-frame').locator('div[data-funding-source="paylater"]'); | ||
| await expect(offCanvasLocator.locator('.paypal-button-text')).toHaveText(/Später Bezahlen/); | ||
|
|
||
| // Go to checkout | ||
| await page.goto('checkout/confirm', {waitUntil: 'load'}); | ||
|
|
||
| // Check checkout page | ||
| const checkoutLocator = await page.frameLocator('.component-frame').locator('div[data-funding-source="paylater"]'); | ||
| await expect(checkoutLocator.locator('.paypal-button-text')).toHaveText(/Später Bezahlen/); | ||
|
|
||
| // Login | ||
| await page.fill('#email', credentials.defaultShopCustomerEmail); | ||
| await page.fill('#passwort', credentials.defaultShopCustomerPassword); | ||
| await page.click('.register--login-btn'); | ||
|
|
||
| // Change payment | ||
| await page.click('.btn--change-payment'); | ||
| const selector = await getPaypalPaymentMethodSelector.getSelector( | ||
| getPaypalPaymentMethodSelector.paymentMethodNames.SwagPaymentPayPalUnified | ||
| ); | ||
| await page.locator(selector).check(); | ||
| await page.waitForLoadState('load'); | ||
| await page.click('text=Weiter >> nth=1'); | ||
|
|
||
| // Check checkout confirm page | ||
| const checkoutConfirmLocator = await page.frameLocator('.component-frame').locator('div[data-funding-source="paylater"]'); | ||
| await expect(checkoutConfirmLocator.locator('.paypal-button-text')).toHaveText(/Später Bezahlen/); | ||
| }); | ||
| }); |
File renamed without changes.
Oops, something went wrong.