blog/using-jest-with-playwright

[utterances-bot]

Using Jest with Playwright - Playwright Community 🎭

In this blog post, we'll compare two Jest setups for creating and running end-to-end tests with Playwright.

https://playwright.tech/blog/using-jest-with-playwright

[KludgeMaster]

let page;
page = await browser.newPage();

The above page object is not compatible with this line below. Apparently they are different Page objects.
await jestPlaywright.saveCoverage(page);

I haven't figured out how to dynamically launch browser and collect coverage info.

import playwright from 'playwright'; 

function initTest(browserType) {
   await playwright[browserType].launch();
}
afterEach(() => {
   await jestPlaywright.saveCoverage(page);
})

[ganeshsirsi]

I am getting error how can I fix this?

TypeError: Jest: a transform must export something.
at C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\transform\build\ScriptTransformer.js:386:19
at processTicksAndRejections (internal/process/task_queues.js:97:5)
at async Promise.all (index 0)
at async ScriptTransformer.loadTransformers (C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\transform\build\ScriptTransformer.js:378:5)
at async createScriptTransformer (C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\transform\build\ScriptTransformer.js:1105:3)
at async C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\core\build\runGlobalHook.js:121:27
at async pEachSeries (C:\TeamSpace\PlayWright\PlaywrightTS\node_modules\p-each-series\index.js:8:23)
at async _default (C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\core\build\runGlobalHook.js:110:5)
at async runJest (C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\core\build\runJest.js:352:5)
at async _run10000 (C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\core\build\cli\index.js:408:7)

[arjityadav]

I am getting error how can I fix this?

TypeError: Jest: a transform must export something.
at C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\transform\build\ScriptTransformer.js:386:19
at processTicksAndRejections (internal/process/task_queues.js:97:5)
at async Promise.all (index 0)
at async ScriptTransformer.loadTransformers (C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\transform\build\ScriptTransformer.js:378:5)
at async createScriptTransformer (C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\transform\build\ScriptTransformer.js:1105:3)
at async C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\core\build\runGlobalHook.js:121:27
at async pEachSeries (C:\TeamSpace\PlayWright\PlaywrightTS\node_modules\p-each-series\index.js:8:23)
at async _default (C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\core\build\runGlobalHook.js:110:5)
at async runJest (C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\core\build\runJest.js:352:5)
at async _run10000 (C:\TeamSpace\PlayWright\PlaywrightTS\node_modules@jest\core\build\cli\index.js:408:7)

did you get any solution?

[ganeshsirsi]

They are keeping everything updated, latest dependencies doesn't work with playwright you need to install specific version of all dependencies not latest.

[arjityadav]

I am having this error.
FAIL browser: chromium PageObjectTest/TC001_Login.test.ts
● Test suite failed to run

TypeError: Jest: a transform must export something.

  at node_modules/jest-runner/node_modules/@jest/transform/build/ScriptTransformer.js:386:19
      at async Promise.all (index 0)

Can you please tell me how install previous dependencies and remove current one.

[ganeshsirsi]

https://nodejs.dev/learn/install-an-older-version-of-an-npm-package

Please refer this

[arjityadav]

Which dependencies you downgraded to resolve the problem?

[ganeshsirsi]

I don't remember exactly but , I think I have downgraded everything 26, you might have follow try and error method here.

[arjityadav]

okay thanks for the help.

[gopalagopala1]

Hi I have a requirement where I want to test my business logic as well as the components that I have created separately. Can you please suggest how to move forward with it?

1. Will playwright support independent component testing?
2. If I am using jest + playwright would I be able to do end to end testing as well as component testing?