NOTE: Pre-requisites for this task are T248016: Micro-task: Run Selenium tests on your machine and T248232: Micro-task: Make a trivial change to tests/selenium/README.md file of mediawiki/core repository.
NOTE: Microsoft Playwright is relatively new and therefore is currently lacking documentation. However it appears quite promising from what it promises to give in near future. The aim of this task is to just play around with Microsoft Playwright.
Pick a simple test from mediawiki/core, for example User should be able to create account and implement it using Microsoft Playwright. Feel free to pick any other test, this is just an example.
WebdriverIO implementation:
describe( 'User', function () {
it( 'should be able to create account', function () {
// create
CreateAccountPage.createAccount( username, password );
// check
assert.strictEqual( CreateAccountPage.heading.getText(), `Welcome, ${username}!` );
} );
} );class CreateAccountPage extends Page {
get username() { return $( '#wpName2' ); }
get password() { return $( '#wpPassword2' ); }
get confirmPassword() { return $( '#wpRetype' ); }
get create() { return $( '#wpCreateaccount' ); }
get heading() { return $( '#firstHeading' ); }
open() {
super.openTitle( 'Special:CreateAccount' );
}
createAccount( username, password ) {
this.open();
this.username.setValue( username );
this.password.setValue( password );
this.confirmPassword.setValue( password );
this.create.click();
}
}Steps:
- open Special:CreateAccount page
- populate required fileds with random strings
- click Create your account button
Assertions:
check that text Welcome, ${username}! appears on the page
For more information on page object pattern see (draft) page https://www.mediawiki.org/wiki/Selenium/Explanation/Page_object_pattern
Students:
- @AlQaholic007 588667
- @Gbahdeyboh 589591
