-
Notifications
You must be signed in to change notification settings - Fork 69
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add e2e tests for the currency switcher widget (#7822)
- Loading branch information
1 parent
3fdc62b
commit ab16d2f
Showing
5 changed files
with
289 additions
and
8 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| Significance: patch | ||
| Type: dev | ||
|
|
||
| Add e2e tests for the currency switcher widget. |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
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
180 changes: 180 additions & 0 deletions
180
tests/e2e/specs/wcpay/shopper/shopper-multi-currency-widget.spec.js
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,180 @@ | ||
| /** | ||
| * External dependencies | ||
| */ | ||
| const { merchant, shopper } = require( '@woocommerce/e2e-utils' ); | ||
|
|
||
| /** | ||
| * Internal dependencies | ||
| */ | ||
| import config from 'config'; | ||
| import { merchantWCP, shopperWCP } from '../../../utils'; | ||
| import { fillCardDetails, setupProductCheckout } from '../../../utils/payments'; | ||
|
|
||
| const PAY_FOR_ORDER_LINK_SELECTOR = '.wc-order-status a'; | ||
| const pagesTable = [ | ||
| [ | ||
| 'home page', | ||
| async () => { | ||
| await shopper.goToShop(); | ||
| }, | ||
| 'shop', | ||
| ], | ||
| [ | ||
| 'product page', | ||
| async () => { | ||
| await page.click( 'li.product > a > img[src*="beanie"' ); | ||
| }, | ||
| 'product/beanie', | ||
| ], | ||
| [ | ||
| 'cart', | ||
| async () => { | ||
| await shopperWCP.addToCartBySlug( 'beanie' ); | ||
| await shopper.goToCart(); | ||
| }, | ||
| 'cart', | ||
| ], | ||
| [ | ||
| 'checkout', | ||
| async () => { | ||
| await setupProductCheckout( | ||
| config.get( 'addresses.customer.billing' ) | ||
| ); | ||
| }, | ||
| 'checkout', | ||
| ], | ||
| ]; | ||
|
|
||
| describe( 'Shopper Multi-Currency widget', () => { | ||
| let wasMulticurrencyEnabled; | ||
|
|
||
| beforeAll( async () => { | ||
| await merchant.login(); | ||
| wasMulticurrencyEnabled = await merchantWCP.activateMulticurrency(); | ||
| await merchantWCP.addCurrency( 'EUR' ); | ||
| } ); | ||
|
|
||
| afterAll( async () => { | ||
| if ( ! wasMulticurrencyEnabled ) { | ||
| await merchant.login(); | ||
| await merchantWCP.deactivateMulticurrency(); | ||
| await merchant.logout(); | ||
| } | ||
| } ); | ||
|
|
||
| it( 'should display currency switcher widget if multi-currency is enabled', async () => { | ||
| await merchantWCP.addMulticurrencyWidget(); | ||
| await shopper.goToShop(); | ||
| await page.waitForSelector( '.widget select[name=currency]', { | ||
| visible: true, | ||
| timeout: 5000, | ||
| } ); | ||
| } ); | ||
|
|
||
| it( 'should not display currency switcher widget if multi-currency is disabled', async () => { | ||
| await merchantWCP.openWCPSettings(); | ||
| await merchantWCP.deactivateMulticurrency(); | ||
| await shopper.goToShop(); | ||
|
|
||
| const currencySwitcher = await page.$( | ||
| '.widget select[name=currency]' | ||
| ); | ||
| expect( currencySwitcher ).toBeNull(); | ||
|
|
||
| // Activate it again for the other tests. | ||
| await merchantWCP.activateMulticurrency(); | ||
| await merchant.logout(); | ||
| } ); | ||
|
|
||
| describe.each( pagesTable )( | ||
| 'Should allow shopper to switch currency', | ||
| ( pageName, setupTest, url ) => { | ||
| it( `at the ${ pageName }`, async () => { | ||
| await setupTest(); | ||
| await page.waitForSelector( '.widget select[name=currency]', { | ||
| visible: true, | ||
| } ); | ||
| await page.select( '.widget select[name=currency]', 'EUR' ); | ||
| await expect( page.url() ).toContain( | ||
| `${ url }/?currency=EUR` | ||
| ); | ||
| await page.waitForSelector( | ||
| '.widget select[name=currency] option[value=EUR][selected]' | ||
| ); | ||
| // Change it back to USD for the other tests. | ||
| await page.select( '.widget select[name=currency]', 'USD' ); | ||
| } ); | ||
| } | ||
| ); | ||
|
|
||
| it( 'should not affect prices when currency switching on My account > Orders', async () => { | ||
| await shopper.login(); | ||
| await page.select( '.widget select[name=currency]', 'USD' ); | ||
| await setupProductCheckout( | ||
| config.get( 'addresses.customer.billing' ) | ||
| ); | ||
| await fillCardDetails( page, config.get( 'cards.basic' ) ); | ||
| await shopper.placeOrder(); | ||
| await expect( page ).toMatch( 'Order received' ); | ||
|
|
||
| const orderId = await page.evaluate( | ||
| () => document.querySelector( 'li.order strong' ).innerText | ||
| ); | ||
| const orderTotal = Number( | ||
| await page.evaluate( () => | ||
| document | ||
| .querySelector( 'li.total strong' ) | ||
| .innerText.replace( /[^\d.]/g, '' ) | ||
| ) | ||
| ); | ||
|
|
||
| await shopperWCP.goToOrders(); | ||
| await page.select( '.widget select[name=currency]', 'EUR' ); | ||
| await page.waitForSelector( | ||
| '.widget select[name=currency] option[value=EUR][selected]' | ||
| ); | ||
| await expect( page ).toMatch( `#${ orderId }` ); | ||
| await expect( page ).toMatch( `${ orderTotal.toFixed( 2 ) } USD` ); | ||
| } ); | ||
|
|
||
| it( 'should not affect prices when currency switching at the order received page', async () => { | ||
| await page.select( '.widget select[name=currency]', 'USD' ); | ||
| await setupProductCheckout( | ||
| config.get( 'addresses.customer.billing' ) | ||
| ); | ||
| await fillCardDetails( page, config.get( 'cards.basic' ) ); | ||
| await shopper.placeOrder(); | ||
| await expect( page ).toMatch( 'Order received' ); | ||
|
|
||
| const orderId = await page.evaluate( | ||
| () => document.querySelector( 'li.order strong' ).innerText | ||
| ); | ||
| const orderTotal = Number( | ||
| await page.evaluate( () => | ||
| document | ||
| .querySelector( 'li.total strong' ) | ||
| .innerText.replace( /[^\d.]/g, '' ) | ||
| ) | ||
| ); | ||
|
|
||
| await page.select( '.widget select[name=currency]', 'EUR' ); | ||
| await page.waitForSelector( | ||
| '.widget select[name=currency] option[value=EUR][selected]' | ||
| ); | ||
| await expect( page ).toMatch( `${ orderId }` ); | ||
| await expect( page ).toMatch( `${ orderTotal.toFixed( 2 ) } USD` ); | ||
| await page.select( '.widget select[name=currency]', 'USD' ); | ||
| await shopper.logout(); | ||
| } ); | ||
|
|
||
| it( 'should not display currency switcher on pay for order page', async () => { | ||
| await merchant.login(); | ||
| await merchantWCP.createPayForOrder(); | ||
| await page.click( PAY_FOR_ORDER_LINK_SELECTOR ); | ||
|
|
||
| const currencySwitcher = await page.$( | ||
| '.widget select[name=currency]' | ||
| ); | ||
| expect( currencySwitcher ).toBeNull(); | ||
| } ); | ||
| } ); |
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