Test Script Creation containing API Calls + Browser Interaction

[driesie]

Hi guys

I have a working test script in Playwright that does a few api calls and then a quick interaction with the browser.

I am struggling to understand how I need to convert this in to the format that the Artillery yml script requires.

I would really appreciate any assistance.

Below is the script with some sensitive data removed

`import {expect, test, Page, chromium, BrowserContext} from "@playwright/test";
import {v4 as uuidv4} from 'uuid';

test.describe('IPG Direct Wrapper Performance Tests', ()=>{
let guid: any;
let redirectUrl: any;

let page: Page;
let context:  BrowserContext;

let myReference = 'PW ' + uuidv4();

const base64 = (s: string) => Buffer.from(s).toString('base64');
const username = '******';
const password = '******';

let precision = 50;
let transactionAmount = Math.floor(Math.random() * (1000 * precision - 1 * precision) + 1 * precision) / (1*precision);

test("Create Token", async({ request }) => {
    const response = await request.post('url', {
        headers: {
            Authorization: `Basic ${base64(`${username}:${password}`)}`
        },
        form: {
            amount: transactionAmount,
            merchant_reference: myReference,
            pan: "476134********35",
            expiry: "2312",
            cvv: "***"
        }
    });

    expect(response.status()).toBe(200);
    expect(response.ok()).toBeTruthy;

    guid = await response.body().then(b =>{
        let data = JSON.parse(b.toString());

        console.log(data);

        expect(data.guid).toBeTruthy
        return data.guid;
    });

    console.log(`GUID: ${guid}`)
})


test("Pay with Token", async({request }) => {
    const response = await request.post(`url`, {
        headers: {
            Authorization: `Basic ${base64(`${username}:${password}`)}`
        },
        form: {
            amount: transactionAmount,
            reference: myReference,
            return_url: "https://www.google.com/"
        }
    });
    expect(response.status()).toBe(200);
    expect(response.ok()).toBeTruthy;

    redirectUrl = await response.body().then(b =>{
        let data = JSON.parse(b.toString());

        console.log(data);

        expect(data.url).toBeTruthy
        return data.url;
    });

    console.log("Redirect URL: " + redirectUrl)
    
})

test("IPG Hosted Pages", async({browser}) => {
    browser = await chromium.launch();
    context = await browser.newContext();
    page = await context.newPage();

    await page.goto(redirectUrl);

    await page.getByPlaceholder('CVV').fill('***');
    await page.getByRole('button', { name: 'Pay' }).click();
    
    await page.getByLabel('Password:').fill('***');
    await page.getByRole('button', { name: 'Submit' }).click();
    await page.getByText('Redirect Now').click();
})

})`

[driesie]

I actually got the first part of this working, my API calls are working.

I only require assistance now in how I can pass the redirect URL to my artillery playwright function.

I created this playwright function and I now need to pass the redirectURL in to this function that I received from my last API call.

module.exports = { ipgHostedPages };

async function ipgHostedPages(page, redirectUrl) {
    await page.goto(redirectUrl);

    await page.getByPlaceholder('CVV').fill('***');
    await page.getByRole('button', { name: 'Pay' }).click();

    await page.getByLabel('Password:').fill('***');
    await page.getByRole('button', { name: 'Submit' }).click();
    await page.getByText('Redirect Now').click();
}

[driesie]

I've made it another step further by creating a variable in my yml file and then being able to access it from my function.

However I cannot figure out how to dynamically set that variable by using the response from the api call.

async function ipgHostedPages(page, context) {
    await page.goto(context.vars['redirectUrl']);

    await page.getByPlaceholder('CVV').fill('***');
    await page.getByRole('button', { name: 'Pay' }).click();

    await page.getByLabel('Password:').fill('***');
    await page.getByRole('button', { name: 'Submit' }).click();
    await page.getByText('Redirect Now').click();
}