0a43ea286e
This commit replaces the previous WDIO instance with a more formal and straightforward process using the [pageobjects](https://martinfowler.com/bliki/PageObject.html). In this form, every major component has its own test suite, and a test is a sequence of exercises of those components. A test then becomes something as straightforward as: ``` await LoginPage.open(); await LoginPage.login("ken@goauthentik.io", "eat10bugs"); expect(await UserLibraryPage.pageHeader).toHaveText("My Applications"); await UserLibraryPage.goToAdmin(); expect(await AdminOverviewPage.pageHeader).toHaveText("Welcome, "); await AdminOverviewPage.openApplicationsListPage(); expect(await ApplicationsListPage.pageHeader).toHaveText("Applications"); ApplicationsListPage.startCreateApplicationWizard(); await ApplicationWizard.app.name.setValue(`Test application ${newId}`); await ApplicationWizard.nextButton.click(); await (await ApplicationWizard.getProviderType("ldapprovider")).click(); await ApplicationWizard.nextButton.click(); await ApplicationWizard.ldap.setBindFlow("default-authentication-flow"); await ApplicationWizard.nextButton.click(); await expect(await ApplicationWizard.commitMessage).toHaveText( "Your application has been saved" ); ``` Whether or not there's another layer of DSL in there or not, this is a pretty nice idiom for maintaining tests.
41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
import { $ } from "@wdio/globals";
|
|
import AdminPage from "./admin.page.js";
|
|
import ApplicationForm from "./application-form.view.js";
|
|
import LdapForm from "./ldap-form.view.js";
|
|
import OauthForm from "./oauth-form.view.js";
|
|
|
|
/**
|
|
* sub page containing specific selectors and methods for a specific page
|
|
*/
|
|
class ApplicationWizardView extends AdminPage {
|
|
/**
|
|
* define selectors using getter methods
|
|
*/
|
|
|
|
ldap = LdapForm;
|
|
oauth = OauthForm;
|
|
app = ApplicationForm;
|
|
|
|
get wizardTitle() {
|
|
return $(">>>ak-application-wizard-commit-application h1.pf-c-title");
|
|
}
|
|
|
|
get providerList() {
|
|
return $(">>>ak-application-wizard-authentication-method-choice");
|
|
}
|
|
|
|
get nextButton() {
|
|
return $(">>>ak-wizard-frame footer button.pf-m-primary");
|
|
}
|
|
|
|
async getProviderType(type: string) {
|
|
return await this.providerList.$(`>>>input[value="${type}"]`);
|
|
}
|
|
|
|
get commitMessage() {
|
|
return $(">>>ak-application-wizard-commit-application h1.pf-c-title");
|
|
}
|
|
}
|
|
|
|
export default new ApplicationWizardView();
|