Skip to main content
No Result Found

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"
Note: You can get your 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"
Note: Report upload will take a few seconds to about a minute depending on the size of your test-suite. Do not interrupt the 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

  1. Log in to the BrowserStack Test Management dashboard.
  2. Select the relevant project that has the test report uploaded.
  3. Click Test Runs.
  4. Open the Test Run generated from automation test exectution.
  5. 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





Thank you for your valuable feedback

Is this page helping you?

Yes
No

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!

Talk to an Expert
Download Copy Check Circle