Skip to main content

Configuring Your Playwright Tests

saucectl relies on a YAML specification file to determine exactly which tests to run and how to run them. To customize saucectl to run your Playwright tests, simply modify the properties of the YAML file accordingly. This page defines each of the configuration properties specific to running Playwright tests.

Setting an Alternative Configuration File#

By default, saucectl looks for the config.yml file in the .sauce folder of your project root, but you can actually specify a different file, or if you are using multiple frameworks or need to configure different sets of tests to run separately, you may choose to have multiple configuration files that you can direct saucectl to reference as necessary.

Use the following configuration at runtime to direct saucectl to use any configuration file you choose:

saucectl run -c ./path/to/{config-file}.yml
YAML Required

While you can use multiple files of different names or locations to specify your configurations, each file must be a *.yml and follow the saucectl syntax. Our IDE Integrations (e.g. Visual Studio Code) can help you out by validating the YAML files and provide handy suggestions, so make sure to check them out!

Example Configuration#

.sauce/config.yml
loading...

Each of the properties supported for running Playwright tests through saucectl is defined below.

apiVersion#

| REQUIRED | STRING |

Identifies the version of the underlying configuration schema. At this time, v1alpha is the only supported value.

apiVersion: v1alpha

kind#

| REQUIRED | STRING/ENUM |

Specifies which framework is associated with the automation tests configured in this specification.

kind: playwright

showConsoleLog#

| OPTIONAL | BOOLEAN |

Generates the console.log as local output and as a test asset in Sauce Labs for all tests. By default, console.log is only included in results for failed tests.

showConsoleLog: true

defaults#

| OPTIONAL | OBJECT |

Specifies any default settings for the project.

defaults:  mode: sauce  timeout: 15m

mode#

| OPTIONAL | STRING/ENUM |

Instructs saucectl run tests remotely through Sauce Labs (sauce) or locally on docker. You can override this setting for individual suites using the mode setting within the suites object. If not set, the default value is sauce.

  mode: sauce

timeout#

| OPTIONAL | DURATION |

Instructs how long (in ms, s, m, or h) saucectl should wait for each suite to complete. You can override this setting for individual suites using the timeout setting within the suites object. If not set, the default value is 0 (unlimited).

  timeout: 15m

sauce#

| OPTIONAL | OBJECT |

The parent property containing all settings related to how tests are run and identified in the Sauce Labs platform.

sauce:  region: eu-central-1  metadata:    name: Testing Playwright Support    tags:      - e2e      - release team      - other tag    build: Release $CI_COMMIT_SHORT_SHA  concurrency: 10

region#

| OPTIONAL | STRING/ENUM |

Specifies through which Sauce Labs data center tests will run. Valid values are: us-west-1 or eu-central-1.

  region: eu-central-1

metadata#

| OPTIONAL | OBJECT |

The set of properties that allows you to provide additional information about your project that helps you distinguish it in the various environments in which it is used and reviewed, and also helps you apply filters to easily isolate tests based on metrics that are meaningful to you, as shown in the following example:

metadata:  name: Testing Playwright Support  build: RC 10.4.a  tags:    - e2e    - release team    - beta    - featurex

concurrency#

| OPTIONAL | INTEGER |

Sets the maximum number of suites to execute at the same time. If the test defines more suites than the max, excess suites are queued and run in order as each suite completes.

caution

For tests running on Sauce, set this value to equal or less than your Sauce concurrency allowance, as setting a higher value may result in jobs dropped by the server.

  concurrency: 5

Alternatively, you can override the file setting at runtime by setting the concurrency flag as an inline parameter of the saucectl run command:

saucectl run --ccy 5

retries#

| OPTIONAL | INTEGER |

Sets the number of times to retry a failed suite.

  retries: 1

Alternatively, you can override the file setting at runtime by setting the retries flag as an inline parameter of the saucectl run command:

saucectl run --retries 1

tunnel#

| OPTIONAL | OBJECT |

saucectl supports using Sauce Connect to establish a secure connection with Sauce Labs. To do so, launch a tunnel; then provide the name and owner (if applicable) in this property.

sauce:  tunnel:    name: your_tunnel_name    owner: tunnel_owner_username

name#

| OPTIONAL | STRING |

Identifies an active Sauce Connect tunnel to use for secure connectivity to the Sauce Labs cloud.

note

This property replaces the former id property, which is deprecated.

sauce:  tunnel:    name: your_tunnel_name

owner#

| OPTIONAL | STRING |

Identifies the Sauce Labs user who created the specified tunnel, which is required if the user running the tests did not create the tunnel.

note

This property replaces the former parent property, which is deprecated.

sauce:  tunnel:    name: your_tunnel_name    owner: tunnel_owner_username

env#

| OPTIONAL | OBJECT |

A property containing one or more environment variables that are global for all tests suites in this configuration. Expanded environment variables are supported. Values set in this global property will overwrite values set for the same environment variables set at the suite level.

  env:    hello: world    my_var: $MY_VAR

docker#

| OPTIONAL | OBJECT |Docker only |

The set of properties defining the specific Docker image and type your are using, if you are running any tests locally.

docker:  fileTransfer: copy  image: saucelabs/stt-playwright-node:vX.X.X

fileTransfer#

| OPTIONAL | STRING |

Method in which to transfer test files into the docker container. Valid values are:

  • mount: (Default) Mounts files and folders into the docker container. Changes to these files and folders will be reflected on the host (and vice a versa).
  • copy: Copies files and folders into the docker container. If you run into permission issues, either due to docker or host settings, copy is the advised use case. See the Docker documentation for more about the copy convention.
  fileTransfer: copy

image#

| OPTIONAL | STRING |

Specifies which docker image and version to use when running tests. Valid values are in the format: saucelabs/<framework-node>:<vX.X.X>. See Supported Testing Platforms for Docker release notes related to Playwright.

  image: saucelabs/< stt-playwright-mocha-node | stt-playwright-node | stt-testcafe-node >:< vX.X.X >
caution

Avoid using the latest tag for docker images, as advised in this article.


rootDir#

| REQUIRED | OBJECT |

The directory of files that need to be bundled and uploaded for the tests to run. Ignores what is specified in .sauceignore. See Tailoring Your Test File Bundle for more details. The following examples show the different relative options for setting this value.

  rootDir: "./" # Use the current directory
  rootDir: "packages/subpackage" # Some other package from within a monorepo
caution

Only the files contained within rootDir will be available during the tests. Any reference to a file that is not included in rootDir will make the tests fail.


npm#

| OPTIONAL | OBJECT |

A parent property specifying the configuration details for any npm dependencies. Packages listed are installed in the environment prior to your tests executing.

npm:  registry: https://registry.npmjs.org  packages:    lodash: "4.17.20"    "@babel/preset-typescript": "7.12"    "@playwright/react": "^5.0.1"

registry#

| OPTIONAL | STRING |

Specifies the location of the npm registry source. If the registry source is a private address and you are running tests on Sauce Cloud, you can provide access to the registry source using Sauce Connect.

  registry: https://registry.npmjs.org

packages#

| OPTIONAL | OBJECT |

Specifies any NPM packages that are required to run tests and should, therefore, be included in the bundle. See Including Node Dependencies.

  packages:    lodash: "4.17.20"    "@babel/preset-typescript": "7.12"    "@playwright/react": "^5.0.1"

reporters#

| OPTIONAL | OBJECT |

Configures additional reporting capabilities provided by saucectl.

reporters:  junit:    enabled: true    filename: saucectl-report.xml

artifacts#

| OPTIONAL | OBJECT |

Specifies how to manage test artifacts, such as logs, videos, and screenshots.

artifacts:  download:    when: always    match:      - junit.xml    directory: ./artifacts/

download#

| OPTIONAL | OBJECT |

Specifies the settings related to downloading artifacts from tests run by saucectl.

  download:    when: always    match:      - junit.xml    directory: ./artifacts/

when#

| OPTIONAL | STRING |

Specifies when and under what circumstances to download artifacts. Valid values are:

  • always: Always download artifacts.
  • never: Never download artifacts.
  • pass: Download artifacts for passing suites only.
  • fail: Download artifacts for failed suites only.
    when: always

match#

| OPTIONAL | STRING/ARRAY |

Specifies which artifacts to download based on whether they match the name or file type pattern provided. Supports the wildcard character * (use quotes for best parsing results with wildcard).

  match:    - junit.xml    - "*.log"

directory#

| OPTIONAL | STRING |

Specifies the path to the folder location in which to download artifacts. A separate subdirectory is generated in this location for each suite for which artifacts are downloaded.

    directory: ./artifacts/

playwright#

| REQUIRED | OBJECT |

The parent property containing the details specific to the Playwright project.

playwright:  version: 1.11.1  configFile: config.ts

version#

| REQUIRED | STRING |

The version of Playwright that is compatible with the tests defined in this file. See Supported Testing Platforms for the list of Playwright versions supported by saucectl and their compatible test platforms.

  version: 1.11.1

configFile#

| OPTIONAL | STRING |

The path (relative to rootDir) to your Playwright configuration file. saucectl determines related files based on the location of this config file. Supports both TypeScript and JavaScript files. If it's not set, saucectl defaults to playwright.config.ts or playwright.config.js.

  configFile: config.ts

suites#

| REQUIRED | OBJECT |

The set of properties providing details about the test suites to run. May contain multiple suite definitions. See the full example config for an illustration of multiple suite definitions.


name#

| REQUIRED | STRING |

The name of the test suite, which will be reflected in the results and related artifacts.

  - name: "saucy test"

env#

| OPTIONAL | OBJECT |

A property containing one or more environment variables that may be referenced in the tests for this suite. Expanded environment variables are supported. Values set here will be overwritten by values set in the global env property.

  env:    hello: world    my_var: $MY_VAR

platformName#

| OPTIONAL | STRING | Sauce Cloud only |

A specific operating system and version on which to run the specified browser and test suite. Defaults to a platform that is supported by saucectl for the chosen browser.

    platformName: "Windows 10"

screenResolution#

| OPTIONAL | STRING | Sauce Cloud only |

Specifies a browser window screen resolution, which may be useful if you are attempting to simulate a browser on a particular device type. See Test Configurations for a list of available resolution values.

    screenResolution: "1920x1080"

mode#

| OPTIONAL | STRING |

Specifies whether the individual suite will run on docker or sauce, potentially overriding the default project mode setting.

  mode: "sauce"

testMatch#

| REQUIRED | STRING/ARRAY |

One or more paths to the playwright test files to run for this suite. Regex values are supported to indicate all files of a certain type or in a certain directory, etc. If your tests are in TypeScript, you must transpile them to JavaScript.

    testMatch: ["**/*.js"]

numShards#

| OPTIONAL | INTEGER | Playwright version >= 1.12 |

Sets the number of separate shards to create for the test suite. Read more about shard tests on the Playwright developer site.

When sharding is configured, saucectl automatically creates the sharded jobs based on the number of shards you specify. For example, for a suite that specifies 2 shards, saucectl clones the suite and runs shard 1/2 on the first suite, and the other shard 2/2 on the identical clone suite.

Shard Property Exclusivity

The numShards and shard properties are mutually exclusive within each suite. If you have values for both in a single suite, the test will fail and terminate. You can, however, vary shard settings across different suites.

  numShards: 2

shard#

| OPTIONAL | STRING |

When sharding is configured, saucectl automatically splits the tests (e.g. by spec) so that they can easily run in parallel. Selectable values: spec to shard by spec file. Remove this field or leave it empty "" for no sharding.

Shard Property Exclusivity

The numShards and shard properties are mutually exclusive within each suite. If you have values for both in a single suite, the test will fail and terminate. You can, however, vary shard settings across different suites.

    shard: spec

params#

| OPTIONAL | OBJECT |

A parent property that details any additional parameters you wish to set for the test suite.

    params:      browserName: "firefox"      headful: false      slowMo: 1000      project: "project name"

browserName#

| OPTIONAL | STRING |

The name of the browser in which to run this test suite. Available browser names: chromium, firefox and webkit.

    browserName: "firefox"

headful#

| OPTIONAL | BOOLEAN |

Determines whether to run the test suite in headless mode.

    headful: false

sloMo#

| OPTIONAL | INTEGER |

Allows you to alter the test execution speed for the test suite in milliseconds, to simulate different network connectivity or other conditions that may impact load times.

    sloMo: 1000

project#

| OPTIONAL | STRING |

Allows you to apply the configurations from your Playwright project to the suite.

note

saucectl browserName overrides the Playwright project browserName in the event of a conflict.

    project: "project name"

timeout#

| OPTIONAL | DURATION |

Instructs how long saucectl should wait for the suite to complete, potentially overriding the default project timeout setting.

note

Setting 0 reverts to the value set in defaults.

  timeout: 15m

Advanced Configuration Considerations#

The configuration file is flexible enough to allow for any customizations and definitions that are required for any of the supported frameworks. The following sections describe some of the most common configurations.

Tailoring Your Test File Bundle#

The saucectl command line bundles your root directory (rootDir parameter of config.yml) and transmits it to the Sauce Labs cloud or your own infrastructure via Docker, then unpacks the bundle and runs the tests. This functionality is partly what allows Sauce Control to operate in a framework-agnostic capacity. However, you can and should manage the inclusion and exclusion of files that get bundled to optimize performance and ensure security.

Excluding Files from the Bundle#

The .sauceignore file allows you to designate certain files to be excluded from bundling.

Add any files that are not direct test dependencies to .sauceignore to reduce the size of your bundle, improve test speed, and protect sensitive information.

Examples of what can be included in .sauceignore:

# .sauceignore
# Ignore node_modulesnode_modules/
# Ignore all log files*.log
# Ignore executables/binaries*.exe*.bin**/*/bin
# Ignore media files*.png*.jpeg*.jpg*.mp4
# Ignore documentation*.rst*.md
# Ignore sensitive datacredentials.yml

Including Node Dependencies#

The default .sauceignore file lists node_modules/ so locally installed node dependencies are excluded from the bundle. If your tests require node dependencies to run, you can either:

Remove "node_modules" from .sauceignore#

Delete or comment out node_modules/ in your .sauceignore file to bundle your node dependencies. For example,

# Do NOT exclude node_modules from bundle# node_modules/

Node dependencies can increase your bundle by potentially hundreds of megabytes, so consider including only the required dependencies rather than the entire node_modules directory. The following sections provide some methods for limiting the scope of dependencies you must include.

Install "devDependencies" Only#

Consider only installing NPM devDependencies if your tests do not require all prod dependencies.

# Only install dev dependenciesnpm install --only=dev
saucectl run
Uninstall Nonessential Dependencies#

If your standard install includes dependencies that aren't needed to run your tests, uninstall them prior to bundling.

# Install node dependenciesnpm ci # or "npm install"
# Remove unneeded dependenciesnpm uninstall appiumnpm uninstall express
saucectl run
Install Essential Dependencies Individually#

If you know that your tests require only specific dependencies, install them individually instead of running npm install or npm ci.

# Install individual dependenciesnpm install playwright-xpathnpm install @playwright/react
saucectl run

Set NPM Packages in config.yml#

You can avoid installing or uninstalling dependencies prior to each bundling operation by defining a default set of NPM packages to install in your sauce configuration file using the npm parameter, as shown in the following example:

npm:  registry: https://registry.npmjs.org  packages:    lodash: "4.17.20"    "@babel/preset-typescript": "7.12"    "@playwright/react": "^5.0.1"