[selenium] Make tests skin agnostic

The current tests in core rely on selectors provided by Vector, but with some
small modifications the tests can work equally well with and without Vector.

Bug: T248484
Change-Id: I5bc0c80b796252b1a920f6549ef4a462a9b13b87

tests/selenium/pageobjects/createaccount.page.js

@@ -5,7 +5,7 @@ class CreateAccountPage extends Page {
 	get password() { return $( '#wpPassword2' ); }
 	get confirmPassword() { return $( '#wpRetype' ); }
 	get create() { return $( '#wpCreateaccount' ); }
-	get heading() { return $( '#firstHeading' ); }
+	get heading() { return $( '.firstHeading' ); }
 
 	open() {
 		super.openTitle( 'Special:CreateAccount' );

tests/selenium/pageobjects/edit.page.js

@@ -4,7 +4,7 @@ class EditPage extends Page {
 	get content() { return $( '#wpTextbox1' ); }
 	get conflictingContent() { return $( '#wpTextbox2' ); }
 	get displayedContent() { return $( '#mw-content-text .mw-parser-output' ); }
-	get heading() { return $( '#firstHeading' ); }
+	get heading() { return $( '.firstHeading' ); }
 	get save() { return $( '#wpSave' ); }
 	get previewButton() { return $( '#wpPreview' ); }
 

tests/selenium/specs/user.js

@@ -36,7 +36,10 @@ describe( 'User', function () {
 		UserLoginPage.login( username, password );
 
 		// check
-		assert.strictEqual( UserLoginPage.userPage.getText(), username );
+		const actualUsername = browser.execute( () => {
+			return mw.config.get( 'wgUserName' );
+		} );
+		assert.strictEqual( actualUsername, username );
 	} );
 
 	// Disabled due to flakiness (T199446)

tests/selenium/wdio-mediawiki/BlankPage.js

@@ -1,7 +1,7 @@
 const Page = require( './Page' );
 
 class BlankPage extends Page {
-	get heading() { return $( '#firstHeading' ); }
+	get heading() { return $( '.firstHeading' ); }
 
 	open() {
 		super.openTitle( 'Special:BlankPage', { uselang: 'en' } );