JUnit-XML based Playwright report
Using the terminal, you can create JUnit-XML based reports from Playwright and upload them to Test Management.
Executing a Test Case with Playwright
You can initiate a Playwright project with this git repository. Use this sample code to execute a Test Case.
const { test } = require('../fixtures');
const { expect } = require('@playwright/test');
test.describe('Launch BStackDemo', () => {
test('', async ({ page }) => {
await page.goto('https://www.bstackdemo.com');
const title = await page.title('');
expect(title).toEqual( 'StackDemo', 'Expected page title is incorrect!');
});
});
test.describe('Login To BStack Demo', () => {
test('', async ({ page }) => {
await page.goto('https://www.bstackdemo.com');
const title = await page.title('');
expect(title).toEqual( 'StackDemos', 'Login Failed!');
});
});
Create JUnit-XML test report with Playwright
Playwright by default generates a JUnit-XML report. Run the following command to execute test run and generate JUnit-XML report.
PLAYWRIGHT_JUNIT_OUTPUT_NAME=results.xml npx playwright test --config=./playwright-local.config.js --reporter=junit
Sample JUnit-XML report generated from Playwright.
<testsuites id="" name="" tests="2" failures="1" skipped="0" errors="0" time="9.853">
<testsuite name="test_1.spec.js" timestamp="1688042504919" hostname="" tests="2" failures="1" skipped="0" time="9.286" errors="0">
<testcase name="Launch BStackDemo " classname="[chrome] › test_1.spec.js:4:3 › Launch BStackDemo › " time="6.827">
</testcase>
<testcase name="Login To BStack Demo " classname="[chrome] › test_1.spec.js:12:3 › Login To BStack Demo › " time="2.459">
<failure message="test_1.spec.js:12:3 " type="FAILURE">
[chrome] › test_1.spec.js:12:3 › Login To BStack Demo › =========================================
Error: expect(received).toEqual(expected) // deep equality
Expected: "StackDemos"
Received: "StackDemo"
13 | await page.goto('https://www.bstackdemo.com');
14 | const title = await page.title('');
> 15 | expect(title).toEqual( 'StackDemos', 'Login Failed!');
| ^
16 |
17 | });
18 | });
at /Users/username/Downloads/playwright-browserstack-main/playwright-test/tests/test_1.spec.js:15:19
at WorkerRunner._runTestWithBeforeHooks (/Users/username/Downloads/playwright-browserstack-main/playwright-test/node_modules/@playwright/test/lib/workerRunner.js:499:7)
</failure>
</testcase>
</testsuite>
</testsuites>
Steps to upload the JUnit-XML test report
Open the project directory in the Terminal and load the variables.
export TEST_MANAGEMENT_API_TOKEN="*************28a42"
export TEST_MANAGEMENT_PROJECT_NAME="<Project Name>"
export JUNIT_XML_FILE_PATH="<Report Path>"
export TEST_RUN_NAME="<Test Run Name"
TEST_MANAGEMENT_API_TOKEN from the Active API Key section in the Settings of BrowserStack Test Management.
Upload the JUnit-XML test report using curl command.
curl -k -X POST https://test-management.browserstack.com/api/v1/import/results/xml/junit \
-u $TEST_MANAGEMENT_API_TOKEN \
-F project_name="$TEST_MANAGEMENT_PROJECT_NAME" \
-F "file_path=@$JUNIT_XML_FILE_PATH" \
-F test_run_name="$TEST_RUN_NAME"
cURL command until you get the response back.
You can also upload JUnit-XML test report with Playwright using CI/CD.
Access the test run report from the console generated URL
After your report is successfully uploaded, you see a message similar to the following in your terminal. This message also generates a URL with "url" parameter that you can use to access your automated test run.
{"message":"File uploaded successfully.","url":"https://test-management.browserstack.com/projects/<project id>/test-runs/<test run id>","success":true}
View test run report in Test Management
- Log in to the BrowserStack Test Management dashboard.
- Select the relevant project that has the test report uploaded.
- Click Test Runs.
- Open the Test Run generated from automation test exectution.
- You will find all the test cases with their respective results here.
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
Thank you for your valuable feedback!