Wait for element on xk6 browser

Extensions
#1

While putting sleep the script works, but waitforLoadState is not working.

image

Scenario:
After entering the user name, and clicking the next button it shows a password element.

Guide me on this.

#2

Hi Gerard,

Could you please send us the full script and point it to a public website so that we can try to recreate the issue?

Cheers!

#3 
import { check, sleep } from "k6";
// import 
import launcher from "k6/x/browser"

// export const options = {
//     vus: 2,
//     // duration: '30s',
//   };

export default function(){
    const browser=launcher.launch('chromium',{headless:false});
    const context=browser.newContext();
    const page=context.newPage();

    // Access Home page
    const domain="http://www.jacplus.com.au";
    page.goto(domain,{waitUntil: "networkidle"});
    check(page,{'01-HomePage':(p)=>p.$('head > title').textContent().includes('JacarandaPLUS')});
    page.screenshot({path:'HomePage.png'});

    let emailTextbox=page.$('input[name="username"]');
    let passwordBox=page.$('input[name="password"]');
    let nextButton=page.$('//*[@id="idpLogin"]');
    let signInButton=page.$('input[id="submit"');

    // SAML Sign In
    emailTextbox.type('demohub@personal.com');
    nextButton.click();    
    page.waitForSelector('input[name="password"]');
    page.screenshot({path:'UserName.png'});
    
    // Log In action
    passwordBox.type('My@password');
    signInButton.click();
    page.waitForLoadState('networkidle');
    // sleep(3);
    page.waitForSelector('button[id="notificationsTab"]',{state:'attached'});
    check(page,{'02-Bookshelf':(p)=>p.$('head > title').textContent().includes('JacPLUS - Your bookshelf')});
    page.screenshot({path:'bookShelf.png'});
   
    // Close the browser
    page.close();
    browser.close();    
}
#4

Hi Gerard,

Thanks for the script. It does indeed not work. We have an open issue #200. You can follow along on the state of the issue there. We’re hoping to release a new version of this extension soon which will include a locator api and we have made improvements to waitForXXX actions.

Cheers,
Ankur

1 Like