Ensure e2e tests work with TS (#6173)

* Cleanup e2e jest config from moduleFileExtensions moduleFileExtensions by default support js, ts, tsx etc. * convert legacy-template-blocks e2e test to TS * clean up jest.config.json moduleFileExtensions unnecessary defaults override
woocommerce · Apr 1, 2022 · 8548551 · 8548551
1 parent 3c0e0af
commit 8548551
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/tests/e2e/config/jest.config.js b/tests/e2e/config/jest.config.js
@@ -4,9 +4,6 @@ module.exports = {
 	// Automatically clear mock calls and instances between every test
 	clearMocks: true,
 
-	// An array of file extensions your modules use
-	moduleFileExtensions: [ 'js', 'ts' ],
-
 	moduleNameMapper: {
 		'@woocommerce/blocks-test-utils': '<rootDir>/tests/utils',
 	},

diff --git a/...s/frontend/legacy-template-blocks.test.js → ...s/frontend/legacy-template-blocks.test.ts b/...s/frontend/legacy-template-blocks.test.js → ...s/frontend/legacy-template-blocks.test.ts
@@ -41,7 +41,9 @@ describe( 'Classic Template blocks', () => {
 		it( 'renders a list of products with their count and pagination', async () => {
 			const { productArchivePage } = SELECTORS;
 
-			await page.goto( new URL( '/?post_type=product', BASE_URL ) );
+			await page.goto(
+				new URL( '/?post_type=product', BASE_URL ).toString()
+			);
 
 			await page.waitForSelector( productArchivePage.productsList );
 			await page.waitForSelector( productArchivePage.resultsCount );
@@ -74,7 +76,7 @@ describe( 'Classic Template blocks', () => {
 				new URL(
 					`/product-category/${ CATEGORY_NAME.toLowerCase() }`,
 					BASE_URL
-				)
+				).toString()
 			);
 
 			await expect( page ).toMatchElement( productArchivePage.title, {
@@ -109,7 +111,10 @@ describe( 'Classic Template blocks', () => {
 			const { productArchivePage } = SELECTORS;
 
 			await page.goto(
-				new URL( `/product-tag/${ TAG_NAME.toLowerCase() }`, BASE_URL )
+				new URL(
+					`/product-tag/${ TAG_NAME.toLowerCase() }`,
+					BASE_URL
+				).toString()
 			);
 
 			await expect( page ).toMatchElement( productArchivePage.title, {

diff --git a/tests/js/jest.config.json b/tests/js/jest.config.json
@@ -50,6 +50,5 @@
 	"transform": {
 		"^.+\\.(js|ts|tsx)$": "<rootDir>/tests/js/jestPreprocess.js"
 	},
-	"verbose": true,
-	"moduleFileExtensions": [ "js", "jsx", "ts", "tsx", "json", "node" ]
+	"verbose": true
 }