Executing a Playwright test against various projects or URLs within a single test run

I've been grappling with this problem for the past few days. I've tried a few workarounds, but none of them have worked as expected.

What I need is to run Playwright tests against multiple URLs. Currently, running tests in a single project works perfectly fine and I already have some tests set up. However, I now want to introduce multiple projects with the best possible configuration.

For example, my './tests/ProjectA' runs against 'https://projectA.home.com' './tests/ProjectB' runs against 'https://projectB.home.com' with different credentials and so on.

I would like both Project A & B to run against every release in a single run.

I am considering a config file like the one below with specific projects...

projects: [
        {
            name: 'Project A',
            testDir: './tests/ProjectA',
            use: {
                baseURL: process.env.projectA,
            },
        },
        {
            name: 'Project B',
            testDir: './tests/LTI/ProjectB',
            use: {
                baseURL: process.env.projectB
            },
        },
    ],

Challenge: I want to determine which test directory my current worker is pointing to at the 'globalSetup' level so that I can authenticate and bring up the URL accordingly.

How can I access Project information at the globalSetup level? Or what is the best way to handle this challenge? Any suggestions would be greatly appreciated. Thank you!!

typescriptconfigplaywright

Answer №1

It seems like you're trying to access the current test directory of a project that is specified in the playwright configuration.

Have you explored using the properties of the "TestInfo object"? This could be helpful for your situation where you need to retrieve information about the project.

You can find more information in the official documentation:

Below is an example I created, demonstrating how to log the testInfo.project.testDir. You can adapt this code snippet to perform other operations based on this information:

test("Verify the expected test directory path!", async ({ page, context }, testInfo) => {
            //console.log(testInfo.project);
            // Access the project's test directory
            console.log(testInfo.project.testDir);
};

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What are the different types of class properties in TypeScript?

Currently, I am incorporating ES6 classes in typescript using the following code snippet: class Camera { constructor(ip) { this.ip = ip; } } Despite encountering an error message, it appears that the code still compiles successfully. The ...

typescriptecmascript-6es6-class

Tips for accessing a URL page in Ionic 3 without using the ionic-native plugin

Is there a method to open a specific page when a particular URL is accessed by the browser, without relying on ionic-native for deep linking? This functionality would be beneficial both for the app itself and for development purposes. For instance, can h ...

typescriptionic-frameworkdeep-linkingionic3

Having issues with Fullcalendar's custom view called "vertical resource view" functioning improperly

I am currently using fullcalendar 4 with angular and I am trying to implement a custom view based on this example: https://fullcalendar.io/docs/v4/vertical-resource-custom-demo The view I require spans across 5 days (Monday to Friday) for just one resou ...

angulartypescriptfullcalendarfullcalendar-4

Configuring babel-plugin-styled-components with TypeScript in a create-react-app environment

Currently, we are working on integrating the babel-plugin-styled-components into our setup, which is based on typescript and create-react-app. Our main goal is to improve the debugging experience, but we are facing challenges in achieving this. We want to ...

reactjstypescriptbabeljscreate-react-appstyled-components

The attribute 'getValue' is not a valid property for the data type 'Subject<boolean>'

Currently, I am working with Angular2 and have a BehaviorSubject. isOpen$: Subject<boolean> = new BehaviorSubject<boolean>(true); When I try to retrieve the latest value using: isOpen$.getValue() It functions correctly, however, there is a ...

typescriptangularrxjs5

Set a value to the field name within a variable in TypeScript

Can anyone help me with this problem? type A { f1: string; f2; string; } I have a variable that holds the name of a field: let fieldName: string = "f2"; I want to create an object using the fieldName: {"content of fieldName": "sdf"} Any suggestio ...

typescript

I'm in the process of putting together a node.js project using typescript, but I'm a little unsure about the steps needed to

Currently, I am working on a node.js project that involves compiling with typescript. I recently realized that there is a directory named scripts dedicated to running various tasks outside of the server context, such as seed file operations. With files now ...

node.jstypescript

Storing numerous string labels and arrays in a TypeScript associative array

I am currently developing a mobile app using Ionic 4 where I need to store various labels and arrays in an associative array. However, I am encountering challenges when it comes to initializing the array, adding new items to it, and updating existing ones ...

typescriptionic4associative-array

Angular 2 Update RC5: Router Provider Not Found

I'm encountering an issue with the latest Angular 2 RC5 router (router version is RC1). Below is the error log from the dev console: EXCEPTION: Error in /templates/app.component.html:2:0 ORIGINAL EXCEPTION: No provider for Router! This is how my ap ...

javascriptangularjstypescriptroutes

How can we ensure a generic async function with a return type that is also generic in Typescript?

I'm currently working on a function that retries an async function multiple times before rejecting. I want to make sure the typescript typings of the retry function are maintained and also ensure that the passed function is of type PromiseLike. Creat ...

typescriptgenericspromise

A software piece producing a JSX element that generates a single function

Is it possible to create a JSX element or component that returns a single function as its child? For instance: interface ComponentChildrenProps { someProp: string; } const Component: React.FC<ComponentProps> = ({ children }): JSX.Element => { ...

reactjstypescript

Error in AngularJS and TypeScript: Property 'module' is undefined and cannot be read

I'm attempting to incorporate TypeScript into my AngularJS 1.x application. Currently, my application utilizes Webpack as a module loader. I configured it to handle the TypeScript compilation by renaming all *.js source files to *.ts, and managed to ...

javascriptangularjstypescriptwebpackes6-module-loader

Altering the properties of a specified element within TestBed using the overrideComponent method

We are implementing TestBed.overrideComponent() to substitute a component with custom behavior. TestBed.overrideComponent(CoolComponent, { set: { template: '<div id="fake-component">i am the fake component</div>', sel ...

angulartypescriptintegration-testingspecificationstestbed

Using Angular to dynamically modify the names of class members

I am working with an Angular typescript file and I have a constant defined as follows: const baseMaps = { Map: "test 1", Satellite: "test 2" }; Now, I want to set the member names "Map" and "Satellite" dynam ...

angulartypescript

Developing an Angular 2 class array

Incorporating Angular 2 and TypeScript, my goal is to construct an array of a specific class. import { ClassX } from '...'; public ListX: ClassX[]; Subsequently, once the list is established, I aim to append additional empty instances of C ...

typescriptangular

Utilizing a constant in setting the slotLabelFormat

I am attempting to configure the slotLabelFormat options in a React TypeScript project When I directly set slotLabelFormat={{ hour: "2-digit", minute: "2-digit", omitZeroMinute: false, meridiem: "short" }}, TypeScript compile ...

reactjstypescriptfullcalendartypescript-typings

A guide on incorporating JavaScript variables within a GraphQL-tag mutation

I'm having trouble consistently using javascript variables inside graphql-tag queries and mutations when setting up an apollo server. Here's a specific issue I've encountered: gql` mutation SetDeviceFirebaseToken { SetDeviceFirebaseTok ...

javascripttypescriptgraphqlnativescript-angulargraphql-tag

What might be causing my action function to be triggered during the rendering process?

While working on creating a basic card view in material UI, I encountered an issue where the functions for adding and deleting items seem to be triggered multiple times upon rendering. I am aware that a common reason for this could be using action={myFunc ...

reactjstypescriptmaterial-ui

Dealing with Cross-Origin Resource Sharing problem in a React, TypeScript, Vite application with my .NET backend

I'm encountering a CORS issue when trying to make a Request using Fetch and Axios in my application hosted on the IIS Server. Here are my Server API settings: <httpProtocol> <customHeaders> <add name="Access-Control-Allow-O ...

reactjstypescriptcorsasp.net-core-webapivite

Guidelines for implementing more rigorous type checks in TypeScript:

I am looking to enhance the code validation process and eliminate any implicit 'any' types. To achieve this, I have set "strict": true in my tsconfig.json. { "compilerOptions": { "target": "ES5", ...

typescriptvisual-studio-codetypescript-typings