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.
33 lines
986 B
TypeScript
33 lines
986 B
TypeScript
import { browser } from "@wdio/globals";
|
|
|
|
const CLICK_TIME_DELAY = 250;
|
|
|
|
/**
|
|
* main page object containing all methods, selectors and functionality
|
|
* that is shared across all page objects
|
|
*/
|
|
export default class Page {
|
|
/**
|
|
* Opens a sub page of the page
|
|
* @param path path of the sub page (e.g. /path/to/page.html)
|
|
*/
|
|
public open(path: string) {
|
|
return browser.url(`http://localhost:9000/${path}`);
|
|
}
|
|
|
|
public pause(selector?: string) {
|
|
if (selector) {
|
|
return $(selector).waitForDisplayed();
|
|
}
|
|
return browser.pause(CLICK_TIME_DELAY);
|
|
}
|
|
|
|
async searchSelect(searchSelector: string, managedSelector: string, buttonSelector: string) {
|
|
const inputBind = await $(searchSelector);
|
|
await inputBind.click();
|
|
const searchBlock = await $(`>>>div[data-managed-for="${managedSelector}"]`);
|
|
const target = searchBlock.$(buttonSelector);
|
|
return await target.click();
|
|
}
|
|
}
|