How to add test results as artifacts in Bitbucket CI pipeline

Hello everyone,

I need some guidance on how to add test-result directory as an artifact in bitbucket CI pipeline. I'm using below yml file to configure the pipeline

image: mcr.microsoft.com/playwright:v1.38.0-jammy

pipelines:
  pull-requests:
    '**':
      - step:
          name: Build and Test
          caches:
            - node
          script:
            - npm ci # Install dependencies
            - npx playwright install --with-deps
            - npx playwright test # Run your Playwright tests

      - step:
          name: Store test results.
          script:
            - ls .
          artifacts:
            - test-results/*
            - 'test-results/*'

Also attached is my playwright.config.js file content.

module.exports = defineConfig({
  testDir: "./tests",
  /* Run tests in files in parallel */
  fullyParallel: true,
  forbidOnly: !!process.env.CI,
  /* Retry on CI only */
  retries: process.env.CI ? 2 : 0,
  workers: process.env.CI ? 1 : undefined,
  reporter: [['junit', { outputFile: process.env.CI ? 
    `${process.env.BITBUCKET_CLONE_DIR}/test-results/results.xml` : 'test-results/results.xml' }]],
  use: {
    trace: 'on-first-retry',
    screenshot: 'only-on-failure',
  },

  /* Configure projects for major browsers */
  projects: [
    {
      name: 'Draw Tests',
      use: { ...devices["Desktop Chrome"] },
      //testMatch : 'test data/draw',
      retries: 2,
      testDir: 'src/tests/draw',
    },
  ],
});

I tried several combinations of the reporters (html, xml, junit etc), outputFile and different debug options to check for the test-results directory on the CI-runner. ls . and ls -R ../.. commands just shows the repository and few other directories but not the test-results directory. I'm not able to find the test-result not sure if this is generated or not. How I can ensure test-results directory gets generated and attached as an artifact.

Thanks in advance.

Haridas.