@thisisagile/easy-playwright 15.8.6 → 15.8.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/PlaywrightElement.d.ts +11 -0
- package/dist/PlaywrightElement.js +46 -0
- package/dist/PlaywrightElement.js.map +1 -0
- package/dist/PlaywrightElement.mjs +22 -0
- package/dist/PlaywrightElement.mjs.map +1 -0
- package/dist/{index.d.mts → PlaywrightTester.d.ts} +4 -16
- package/dist/PlaywrightTester.js +105 -0
- package/dist/PlaywrightTester.js.map +1 -0
- package/dist/PlaywrightTester.mjs +81 -0
- package/dist/PlaywrightTester.mjs.map +1 -0
- package/dist/index.d.ts +2 -37
- package/dist/index.js +25 -1
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +3 -1
- package/dist/index.mjs.map +1 -0
- package/package.json +5 -5
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ElementHandle } from 'playwright';
|
|
2
|
+
import { TestElement } from '@thisisagile/easy-test-web';
|
|
3
|
+
import { Json } from '@thisisagile/easy';
|
|
4
|
+
export declare class PlaywrightElement implements TestElement {
|
|
5
|
+
private readonly handle;
|
|
6
|
+
constructor(handle: Promise<ElementHandle | null>);
|
|
7
|
+
click(): Promise<void>;
|
|
8
|
+
type(text: string): Promise<void>;
|
|
9
|
+
property(property: string): Promise<Json | undefined>;
|
|
10
|
+
exists(): Promise<boolean>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var PlaywrightElement_exports = {};
|
|
20
|
+
__export(PlaywrightElement_exports, {
|
|
21
|
+
PlaywrightElement: () => PlaywrightElement
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(PlaywrightElement_exports);
|
|
24
|
+
var import_easy = require("@thisisagile/easy");
|
|
25
|
+
class PlaywrightElement {
|
|
26
|
+
constructor(handle) {
|
|
27
|
+
this.handle = handle;
|
|
28
|
+
}
|
|
29
|
+
click() {
|
|
30
|
+
return this.handle.then((h) => h?.click());
|
|
31
|
+
}
|
|
32
|
+
type(text) {
|
|
33
|
+
return this.handle.then((h) => h?.type(text));
|
|
34
|
+
}
|
|
35
|
+
property(property) {
|
|
36
|
+
return this.handle.then((h) => h?.getProperty(property).then((p) => p.jsonValue()));
|
|
37
|
+
}
|
|
38
|
+
exists() {
|
|
39
|
+
return this.handle.then((h) => (0, import_easy.isNotEmpty)(h));
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
43
|
+
0 && (module.exports = {
|
|
44
|
+
PlaywrightElement
|
|
45
|
+
});
|
|
46
|
+
//# sourceMappingURL=PlaywrightElement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/PlaywrightElement.ts"],"sourcesContent":["import { ElementHandle } from 'playwright';\nimport { TestElement } from '@thisisagile/easy-test-web';\nimport { isNotEmpty, Json } from '@thisisagile/easy';\n\nexport class PlaywrightElement implements TestElement {\n constructor(private readonly handle: Promise<ElementHandle | null>) {}\n\n click(): Promise<void> {\n return this.handle.then(h => h?.click());\n }\n\n type(text: string): Promise<void> {\n return this.handle.then(h => h?.type(text));\n }\n\n property(property: string): Promise<Json | undefined> {\n return this.handle.then(h => h?.getProperty(property).then(p => p.jsonValue()));\n }\n\n exists(): Promise<boolean> {\n return this.handle.then(h => isNotEmpty(h));\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,kBAAiC;AAE1B,MAAM,kBAAyC;AAAA,EACpD,YAA6B,QAAuC;AAAvC;AAAA,EAAwC;AAAA,EAErE,QAAuB;AACrB,WAAO,KAAK,OAAO,KAAK,OAAK,GAAG,MAAM,CAAC;AAAA,EACzC;AAAA,EAEA,KAAK,MAA6B;AAChC,WAAO,KAAK,OAAO,KAAK,OAAK,GAAG,KAAK,IAAI,CAAC;AAAA,EAC5C;AAAA,EAEA,SAAS,UAA6C;AACpD,WAAO,KAAK,OAAO,KAAK,OAAK,GAAG,YAAY,QAAQ,EAAE,KAAK,OAAK,EAAE,UAAU,CAAC,CAAC;AAAA,EAChF;AAAA,EAEA,SAA2B;AACzB,WAAO,KAAK,OAAO,KAAK,WAAK,wBAAW,CAAC,CAAC;AAAA,EAC5C;AACF;","names":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { isNotEmpty } from "@thisisagile/easy";
|
|
2
|
+
class PlaywrightElement {
|
|
3
|
+
constructor(handle) {
|
|
4
|
+
this.handle = handle;
|
|
5
|
+
}
|
|
6
|
+
click() {
|
|
7
|
+
return this.handle.then((h) => h?.click());
|
|
8
|
+
}
|
|
9
|
+
type(text) {
|
|
10
|
+
return this.handle.then((h) => h?.type(text));
|
|
11
|
+
}
|
|
12
|
+
property(property) {
|
|
13
|
+
return this.handle.then((h) => h?.getProperty(property).then((p) => p.jsonValue()));
|
|
14
|
+
}
|
|
15
|
+
exists() {
|
|
16
|
+
return this.handle.then((h) => isNotEmpty(h));
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
export {
|
|
20
|
+
PlaywrightElement
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=PlaywrightElement.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/PlaywrightElement.ts"],"sourcesContent":["import { ElementHandle } from 'playwright';\nimport { TestElement } from '@thisisagile/easy-test-web';\nimport { isNotEmpty, Json } from '@thisisagile/easy';\n\nexport class PlaywrightElement implements TestElement {\n constructor(private readonly handle: Promise<ElementHandle | null>) {}\n\n click(): Promise<void> {\n return this.handle.then(h => h?.click());\n }\n\n type(text: string): Promise<void> {\n return this.handle.then(h => h?.type(text));\n }\n\n property(property: string): Promise<Json | undefined> {\n return this.handle.then(h => h?.getProperty(property).then(p => p.jsonValue()));\n }\n\n exists(): Promise<boolean> {\n return this.handle.then(h => isNotEmpty(h));\n }\n}\n"],"mappings":"AAEA,SAAS,kBAAwB;AAE1B,MAAM,kBAAyC;AAAA,EACpD,YAA6B,QAAuC;AAAvC;AAAA,EAAwC;AAAA,EAErE,QAAuB;AACrB,WAAO,KAAK,OAAO,KAAK,OAAK,GAAG,MAAM,CAAC;AAAA,EACzC;AAAA,EAEA,KAAK,MAA6B;AAChC,WAAO,KAAK,OAAO,KAAK,OAAK,GAAG,KAAK,IAAI,CAAC;AAAA,EAC5C;AAAA,EAEA,SAAS,UAA6C;AACpD,WAAO,KAAK,OAAO,KAAK,OAAK,GAAG,YAAY,QAAQ,EAAE,KAAK,OAAK,EAAE,UAAU,CAAC,CAAC;AAAA,EAChF;AAAA,EAEA,SAA2B;AACzB,WAAO,KAAK,OAAO,KAAK,OAAK,WAAW,CAAC,CAAC;AAAA,EAC5C;AACF;","names":[]}
|
|
@@ -1,18 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Browser, Page } from 'playwright';
|
|
2
|
+
import { Id, Json, UseCase } from '@thisisagile/easy';
|
|
2
3
|
import { TestElement, Tester } from '@thisisagile/easy-test-web';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
declare class PlaywrightElement implements TestElement {
|
|
6
|
-
private readonly handle;
|
|
7
|
-
constructor(handle: Promise<ElementHandle | null>);
|
|
8
|
-
click(): Promise<void>;
|
|
9
|
-
type(text: string): Promise<void>;
|
|
10
|
-
property(property: string): Promise<Json | undefined>;
|
|
11
|
-
exists(): Promise<boolean>;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
type BrowserType = 'Chromium' | 'Webkit' | 'Firefox';
|
|
15
|
-
declare class PlaywrightTester implements Tester {
|
|
4
|
+
export type BrowserType = 'Chromium' | 'Webkit' | 'Firefox';
|
|
5
|
+
export declare class PlaywrightTester implements Tester {
|
|
16
6
|
host: string;
|
|
17
7
|
private readonly browser;
|
|
18
8
|
private readonly page;
|
|
@@ -33,5 +23,3 @@ declare class PlaywrightTester implements Tester {
|
|
|
33
23
|
close(): Promise<void>;
|
|
34
24
|
private byXPath;
|
|
35
25
|
}
|
|
36
|
-
|
|
37
|
-
export { BrowserType, PlaywrightElement, PlaywrightTester };
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var PlaywrightTester_exports = {};
|
|
20
|
+
__export(PlaywrightTester_exports, {
|
|
21
|
+
PlaywrightTester: () => PlaywrightTester
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(PlaywrightTester_exports);
|
|
24
|
+
var import_playwright = require("playwright");
|
|
25
|
+
var import_PlaywrightElement = require("./PlaywrightElement");
|
|
26
|
+
var import_easy = require("@thisisagile/easy");
|
|
27
|
+
var import_easy_test_web = require("@thisisagile/easy-test-web");
|
|
28
|
+
class PlaywrightTester {
|
|
29
|
+
constructor(host, browser, page) {
|
|
30
|
+
this.host = host;
|
|
31
|
+
this.browser = browser;
|
|
32
|
+
this.page = page;
|
|
33
|
+
}
|
|
34
|
+
get url() {
|
|
35
|
+
return this.page.url();
|
|
36
|
+
}
|
|
37
|
+
/* istanbul ignore next */
|
|
38
|
+
static launch = (browserType, headless, launchProps) => {
|
|
39
|
+
const options = {
|
|
40
|
+
headless,
|
|
41
|
+
args: ["--no-sandbox", "--start-maximized"],
|
|
42
|
+
...launchProps
|
|
43
|
+
};
|
|
44
|
+
switch (browserType) {
|
|
45
|
+
case "Firefox":
|
|
46
|
+
return import_playwright.firefox.launch(options);
|
|
47
|
+
case "Webkit":
|
|
48
|
+
return import_playwright.webkit.launch(options);
|
|
49
|
+
default:
|
|
50
|
+
return import_playwright.chromium.launch(options);
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
/* istanbul ignore next */
|
|
54
|
+
static async init(browserType, host = import_easy.ctx.env.get("webHost", ""), headless = true, width = 1200, height = 800, launchProps = {}) {
|
|
55
|
+
const browser = await PlaywrightTester.launch(browserType, headless, launchProps);
|
|
56
|
+
const page = await browser.newPage();
|
|
57
|
+
await page.setViewportSize({ width, height });
|
|
58
|
+
return new PlaywrightTester(host, browser, page);
|
|
59
|
+
}
|
|
60
|
+
byClass(c) {
|
|
61
|
+
const h = this.page.waitForSelector(`.${c}`);
|
|
62
|
+
return new import_PlaywrightElement.PlaywrightElement(h);
|
|
63
|
+
}
|
|
64
|
+
byId(id) {
|
|
65
|
+
const h = this.page.waitForSelector(`#${id}`);
|
|
66
|
+
return new import_PlaywrightElement.PlaywrightElement(h);
|
|
67
|
+
}
|
|
68
|
+
byDataTestId(id) {
|
|
69
|
+
return this.by("data-testid", id);
|
|
70
|
+
}
|
|
71
|
+
byName(name) {
|
|
72
|
+
return this.by("name", name);
|
|
73
|
+
}
|
|
74
|
+
by(key, value) {
|
|
75
|
+
const h = this.page.waitForSelector(`[${key}=${value}]`);
|
|
76
|
+
return new import_PlaywrightElement.PlaywrightElement(h);
|
|
77
|
+
}
|
|
78
|
+
submit() {
|
|
79
|
+
return this.by("type", "submit");
|
|
80
|
+
}
|
|
81
|
+
row(contains) {
|
|
82
|
+
return this.byXPath(`(//tr[contains(., '${contains}')])[1]`);
|
|
83
|
+
}
|
|
84
|
+
redirect(url) {
|
|
85
|
+
return this.page.goto(url).then((r) => r?.ok() ?? false);
|
|
86
|
+
}
|
|
87
|
+
goto(to, id) {
|
|
88
|
+
return this.redirect((0, import_easy_test_web.toUrl)(to, this.host, id));
|
|
89
|
+
}
|
|
90
|
+
wait() {
|
|
91
|
+
return this.page.waitForNavigation().then((r) => r?.ok() || false);
|
|
92
|
+
}
|
|
93
|
+
close() {
|
|
94
|
+
return this.browser.close();
|
|
95
|
+
}
|
|
96
|
+
byXPath(q) {
|
|
97
|
+
const h = this.page.waitForSelector(`${q}`);
|
|
98
|
+
return new import_PlaywrightElement.PlaywrightElement(h);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
102
|
+
0 && (module.exports = {
|
|
103
|
+
PlaywrightTester
|
|
104
|
+
});
|
|
105
|
+
//# sourceMappingURL=PlaywrightTester.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/PlaywrightTester.ts"],"sourcesContent":["import playwright, { Browser, chromium, firefox, Page, webkit } from 'playwright';\nimport { PlaywrightElement } from './PlaywrightElement';\nimport { ctx, Id, Json, UseCase } from '@thisisagile/easy';\nimport { TestElement, Tester, toUrl } from '@thisisagile/easy-test-web';\n\nexport type BrowserType = 'Chromium' | 'Webkit' | 'Firefox';\n\nexport class PlaywrightTester implements Tester {\n constructor(public host: string, private readonly browser: Browser, private readonly page: Page) {}\n\n get url(): string {\n return this.page.url();\n }\n\n /* istanbul ignore next */\n static launch = (browserType: BrowserType, headless: boolean, launchProps: Json): Promise<Browser> => {\n const options: playwright.LaunchOptions = {\n headless: headless,\n args: ['--no-sandbox', '--start-maximized'],\n ...launchProps,\n };\n switch (browserType) {\n case 'Firefox':\n return firefox.launch(options);\n case 'Webkit':\n return webkit.launch(options);\n default:\n return chromium.launch(options);\n }\n };\n\n /* istanbul ignore next */\n static async init(\n browserType: BrowserType,\n host: string = ctx.env.get('webHost', '') as string,\n headless = true,\n width = 1200,\n height = 800,\n launchProps = {}\n ): Promise<Tester> {\n const browser = await PlaywrightTester.launch(browserType, headless, launchProps);\n const page = await browser.newPage();\n await page.setViewportSize({ width, height });\n return new PlaywrightTester(host, browser, page);\n }\n\n byClass(c: string): TestElement {\n const h = this.page.waitForSelector(`.${c}`);\n return new PlaywrightElement(h);\n }\n\n byId(id: string): TestElement {\n const h = this.page.waitForSelector(`#${id}`);\n return new PlaywrightElement(h);\n }\n\n byDataTestId(id: string): TestElement {\n return this.by('data-testid', id);\n }\n\n byName(name: string): TestElement {\n return this.by('name', name);\n }\n\n by(key: string, value: string): TestElement {\n const h = this.page.waitForSelector(`[${key}=${value}]`);\n return new PlaywrightElement(h);\n }\n\n submit(): TestElement {\n return this.by('type', 'submit');\n }\n\n row(contains: string): TestElement {\n // Select the first row that contains the given input\n return this.byXPath(`(//tr[contains(., '${contains}')])[1]`);\n }\n\n redirect(url: string): Promise<boolean> {\n return this.page.goto(url).then(r => r?.ok() ?? false);\n }\n\n goto(to: UseCase, id?: Id): Promise<boolean> {\n return this.redirect(toUrl(to, this.host, id));\n }\n\n wait(): Promise<boolean> {\n return this.page.waitForNavigation().then(r => r?.ok() || false);\n }\n\n close(): Promise<void> {\n return this.browser.close();\n }\n\n private byXPath(q: string): TestElement {\n const h = this.page.waitForSelector(`${q}`);\n return new PlaywrightElement(h);\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqE;AACrE,+BAAkC;AAClC,kBAAuC;AACvC,2BAA2C;AAIpC,MAAM,iBAAmC;AAAA,EAC9C,YAAmB,MAA+B,SAAmC,MAAY;AAA9E;AAA+B;AAAmC;AAAA,EAAa;AAAA,EAElG,IAAI,MAAc;AAChB,WAAO,KAAK,KAAK,IAAI;AAAA,EACvB;AAAA;AAAA,EAGA,OAAO,SAAS,CAAC,aAA0B,UAAmB,gBAAwC;AACpG,UAAM,UAAoC;AAAA,MACxC;AAAA,MACA,MAAM,CAAC,gBAAgB,mBAAmB;AAAA,MAC1C,GAAG;AAAA,IACL;AACA,YAAQ,aAAa;AAAA,MACnB,KAAK;AACH,eAAO,0BAAQ,OAAO,OAAO;AAAA,MAC/B,KAAK;AACH,eAAO,yBAAO,OAAO,OAAO;AAAA,MAC9B;AACE,eAAO,2BAAS,OAAO,OAAO;AAAA,IAClC;AAAA,EACF;AAAA;AAAA,EAGA,aAAa,KACX,aACA,OAAe,gBAAI,IAAI,IAAI,WAAW,EAAE,GACxC,WAAW,MACX,QAAQ,MACR,SAAS,KACT,cAAc,CAAC,GACE;AACjB,UAAM,UAAU,MAAM,iBAAiB,OAAO,aAAa,UAAU,WAAW;AAChF,UAAM,OAAO,MAAM,QAAQ,QAAQ;AACnC,UAAM,KAAK,gBAAgB,EAAE,OAAO,OAAO,CAAC;AAC5C,WAAO,IAAI,iBAAiB,MAAM,SAAS,IAAI;AAAA,EACjD;AAAA,EAEA,QAAQ,GAAwB;AAC9B,UAAM,IAAI,KAAK,KAAK,gBAAgB,IAAI,CAAC,EAAE;AAC3C,WAAO,IAAI,2CAAkB,CAAC;AAAA,EAChC;AAAA,EAEA,KAAK,IAAyB;AAC5B,UAAM,IAAI,KAAK,KAAK,gBAAgB,IAAI,EAAE,EAAE;AAC5C,WAAO,IAAI,2CAAkB,CAAC;AAAA,EAChC;AAAA,EAEA,aAAa,IAAyB;AACpC,WAAO,KAAK,GAAG,eAAe,EAAE;AAAA,EAClC;AAAA,EAEA,OAAO,MAA2B;AAChC,WAAO,KAAK,GAAG,QAAQ,IAAI;AAAA,EAC7B;AAAA,EAEA,GAAG,KAAa,OAA4B;AAC1C,UAAM,IAAI,KAAK,KAAK,gBAAgB,IAAI,GAAG,IAAI,KAAK,GAAG;AACvD,WAAO,IAAI,2CAAkB,CAAC;AAAA,EAChC;AAAA,EAEA,SAAsB;AACpB,WAAO,KAAK,GAAG,QAAQ,QAAQ;AAAA,EACjC;AAAA,EAEA,IAAI,UAA+B;AAEjC,WAAO,KAAK,QAAQ,sBAAsB,QAAQ,SAAS;AAAA,EAC7D;AAAA,EAEA,SAAS,KAA+B;AACtC,WAAO,KAAK,KAAK,KAAK,GAAG,EAAE,KAAK,OAAK,GAAG,GAAG,KAAK,KAAK;AAAA,EACvD;AAAA,EAEA,KAAK,IAAa,IAA2B;AAC3C,WAAO,KAAK,aAAS,4BAAM,IAAI,KAAK,MAAM,EAAE,CAAC;AAAA,EAC/C;AAAA,EAEA,OAAyB;AACvB,WAAO,KAAK,KAAK,kBAAkB,EAAE,KAAK,OAAK,GAAG,GAAG,KAAK,KAAK;AAAA,EACjE;AAAA,EAEA,QAAuB;AACrB,WAAO,KAAK,QAAQ,MAAM;AAAA,EAC5B;AAAA,EAEQ,QAAQ,GAAwB;AACtC,UAAM,IAAI,KAAK,KAAK,gBAAgB,GAAG,CAAC,EAAE;AAC1C,WAAO,IAAI,2CAAkB,CAAC;AAAA,EAChC;AACF;","names":[]}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { chromium, firefox, webkit } from "playwright";
|
|
2
|
+
import { PlaywrightElement } from "./PlaywrightElement";
|
|
3
|
+
import { ctx } from "@thisisagile/easy";
|
|
4
|
+
import { toUrl } from "@thisisagile/easy-test-web";
|
|
5
|
+
class PlaywrightTester {
|
|
6
|
+
constructor(host, browser, page) {
|
|
7
|
+
this.host = host;
|
|
8
|
+
this.browser = browser;
|
|
9
|
+
this.page = page;
|
|
10
|
+
}
|
|
11
|
+
get url() {
|
|
12
|
+
return this.page.url();
|
|
13
|
+
}
|
|
14
|
+
/* istanbul ignore next */
|
|
15
|
+
static launch = (browserType, headless, launchProps) => {
|
|
16
|
+
const options = {
|
|
17
|
+
headless,
|
|
18
|
+
args: ["--no-sandbox", "--start-maximized"],
|
|
19
|
+
...launchProps
|
|
20
|
+
};
|
|
21
|
+
switch (browserType) {
|
|
22
|
+
case "Firefox":
|
|
23
|
+
return firefox.launch(options);
|
|
24
|
+
case "Webkit":
|
|
25
|
+
return webkit.launch(options);
|
|
26
|
+
default:
|
|
27
|
+
return chromium.launch(options);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
/* istanbul ignore next */
|
|
31
|
+
static async init(browserType, host = ctx.env.get("webHost", ""), headless = true, width = 1200, height = 800, launchProps = {}) {
|
|
32
|
+
const browser = await PlaywrightTester.launch(browserType, headless, launchProps);
|
|
33
|
+
const page = await browser.newPage();
|
|
34
|
+
await page.setViewportSize({ width, height });
|
|
35
|
+
return new PlaywrightTester(host, browser, page);
|
|
36
|
+
}
|
|
37
|
+
byClass(c) {
|
|
38
|
+
const h = this.page.waitForSelector(`.${c}`);
|
|
39
|
+
return new PlaywrightElement(h);
|
|
40
|
+
}
|
|
41
|
+
byId(id) {
|
|
42
|
+
const h = this.page.waitForSelector(`#${id}`);
|
|
43
|
+
return new PlaywrightElement(h);
|
|
44
|
+
}
|
|
45
|
+
byDataTestId(id) {
|
|
46
|
+
return this.by("data-testid", id);
|
|
47
|
+
}
|
|
48
|
+
byName(name) {
|
|
49
|
+
return this.by("name", name);
|
|
50
|
+
}
|
|
51
|
+
by(key, value) {
|
|
52
|
+
const h = this.page.waitForSelector(`[${key}=${value}]`);
|
|
53
|
+
return new PlaywrightElement(h);
|
|
54
|
+
}
|
|
55
|
+
submit() {
|
|
56
|
+
return this.by("type", "submit");
|
|
57
|
+
}
|
|
58
|
+
row(contains) {
|
|
59
|
+
return this.byXPath(`(//tr[contains(., '${contains}')])[1]`);
|
|
60
|
+
}
|
|
61
|
+
redirect(url) {
|
|
62
|
+
return this.page.goto(url).then((r) => r?.ok() ?? false);
|
|
63
|
+
}
|
|
64
|
+
goto(to, id) {
|
|
65
|
+
return this.redirect(toUrl(to, this.host, id));
|
|
66
|
+
}
|
|
67
|
+
wait() {
|
|
68
|
+
return this.page.waitForNavigation().then((r) => r?.ok() || false);
|
|
69
|
+
}
|
|
70
|
+
close() {
|
|
71
|
+
return this.browser.close();
|
|
72
|
+
}
|
|
73
|
+
byXPath(q) {
|
|
74
|
+
const h = this.page.waitForSelector(`${q}`);
|
|
75
|
+
return new PlaywrightElement(h);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
export {
|
|
79
|
+
PlaywrightTester
|
|
80
|
+
};
|
|
81
|
+
//# sourceMappingURL=PlaywrightTester.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/PlaywrightTester.ts"],"sourcesContent":["import playwright, { Browser, chromium, firefox, Page, webkit } from 'playwright';\nimport { PlaywrightElement } from './PlaywrightElement';\nimport { ctx, Id, Json, UseCase } from '@thisisagile/easy';\nimport { TestElement, Tester, toUrl } from '@thisisagile/easy-test-web';\n\nexport type BrowserType = 'Chromium' | 'Webkit' | 'Firefox';\n\nexport class PlaywrightTester implements Tester {\n constructor(public host: string, private readonly browser: Browser, private readonly page: Page) {}\n\n get url(): string {\n return this.page.url();\n }\n\n /* istanbul ignore next */\n static launch = (browserType: BrowserType, headless: boolean, launchProps: Json): Promise<Browser> => {\n const options: playwright.LaunchOptions = {\n headless: headless,\n args: ['--no-sandbox', '--start-maximized'],\n ...launchProps,\n };\n switch (browserType) {\n case 'Firefox':\n return firefox.launch(options);\n case 'Webkit':\n return webkit.launch(options);\n default:\n return chromium.launch(options);\n }\n };\n\n /* istanbul ignore next */\n static async init(\n browserType: BrowserType,\n host: string = ctx.env.get('webHost', '') as string,\n headless = true,\n width = 1200,\n height = 800,\n launchProps = {}\n ): Promise<Tester> {\n const browser = await PlaywrightTester.launch(browserType, headless, launchProps);\n const page = await browser.newPage();\n await page.setViewportSize({ width, height });\n return new PlaywrightTester(host, browser, page);\n }\n\n byClass(c: string): TestElement {\n const h = this.page.waitForSelector(`.${c}`);\n return new PlaywrightElement(h);\n }\n\n byId(id: string): TestElement {\n const h = this.page.waitForSelector(`#${id}`);\n return new PlaywrightElement(h);\n }\n\n byDataTestId(id: string): TestElement {\n return this.by('data-testid', id);\n }\n\n byName(name: string): TestElement {\n return this.by('name', name);\n }\n\n by(key: string, value: string): TestElement {\n const h = this.page.waitForSelector(`[${key}=${value}]`);\n return new PlaywrightElement(h);\n }\n\n submit(): TestElement {\n return this.by('type', 'submit');\n }\n\n row(contains: string): TestElement {\n // Select the first row that contains the given input\n return this.byXPath(`(//tr[contains(., '${contains}')])[1]`);\n }\n\n redirect(url: string): Promise<boolean> {\n return this.page.goto(url).then(r => r?.ok() ?? false);\n }\n\n goto(to: UseCase, id?: Id): Promise<boolean> {\n return this.redirect(toUrl(to, this.host, id));\n }\n\n wait(): Promise<boolean> {\n return this.page.waitForNavigation().then(r => r?.ok() || false);\n }\n\n close(): Promise<void> {\n return this.browser.close();\n }\n\n private byXPath(q: string): TestElement {\n const h = this.page.waitForSelector(`${q}`);\n return new PlaywrightElement(h);\n }\n}\n"],"mappings":"AAAA,SAA8B,UAAU,SAAe,cAAc;AACrE,SAAS,yBAAyB;AAClC,SAAS,WAA8B;AACvC,SAA8B,aAAa;AAIpC,MAAM,iBAAmC;AAAA,EAC9C,YAAmB,MAA+B,SAAmC,MAAY;AAA9E;AAA+B;AAAmC;AAAA,EAAa;AAAA,EAElG,IAAI,MAAc;AAChB,WAAO,KAAK,KAAK,IAAI;AAAA,EACvB;AAAA;AAAA,EAGA,OAAO,SAAS,CAAC,aAA0B,UAAmB,gBAAwC;AACpG,UAAM,UAAoC;AAAA,MACxC;AAAA,MACA,MAAM,CAAC,gBAAgB,mBAAmB;AAAA,MAC1C,GAAG;AAAA,IACL;AACA,YAAQ,aAAa;AAAA,MACnB,KAAK;AACH,eAAO,QAAQ,OAAO,OAAO;AAAA,MAC/B,KAAK;AACH,eAAO,OAAO,OAAO,OAAO;AAAA,MAC9B;AACE,eAAO,SAAS,OAAO,OAAO;AAAA,IAClC;AAAA,EACF;AAAA;AAAA,EAGA,aAAa,KACX,aACA,OAAe,IAAI,IAAI,IAAI,WAAW,EAAE,GACxC,WAAW,MACX,QAAQ,MACR,SAAS,KACT,cAAc,CAAC,GACE;AACjB,UAAM,UAAU,MAAM,iBAAiB,OAAO,aAAa,UAAU,WAAW;AAChF,UAAM,OAAO,MAAM,QAAQ,QAAQ;AACnC,UAAM,KAAK,gBAAgB,EAAE,OAAO,OAAO,CAAC;AAC5C,WAAO,IAAI,iBAAiB,MAAM,SAAS,IAAI;AAAA,EACjD;AAAA,EAEA,QAAQ,GAAwB;AAC9B,UAAM,IAAI,KAAK,KAAK,gBAAgB,IAAI,CAAC,EAAE;AAC3C,WAAO,IAAI,kBAAkB,CAAC;AAAA,EAChC;AAAA,EAEA,KAAK,IAAyB;AAC5B,UAAM,IAAI,KAAK,KAAK,gBAAgB,IAAI,EAAE,EAAE;AAC5C,WAAO,IAAI,kBAAkB,CAAC;AAAA,EAChC;AAAA,EAEA,aAAa,IAAyB;AACpC,WAAO,KAAK,GAAG,eAAe,EAAE;AAAA,EAClC;AAAA,EAEA,OAAO,MAA2B;AAChC,WAAO,KAAK,GAAG,QAAQ,IAAI;AAAA,EAC7B;AAAA,EAEA,GAAG,KAAa,OAA4B;AAC1C,UAAM,IAAI,KAAK,KAAK,gBAAgB,IAAI,GAAG,IAAI,KAAK,GAAG;AACvD,WAAO,IAAI,kBAAkB,CAAC;AAAA,EAChC;AAAA,EAEA,SAAsB;AACpB,WAAO,KAAK,GAAG,QAAQ,QAAQ;AAAA,EACjC;AAAA,EAEA,IAAI,UAA+B;AAEjC,WAAO,KAAK,QAAQ,sBAAsB,QAAQ,SAAS;AAAA,EAC7D;AAAA,EAEA,SAAS,KAA+B;AACtC,WAAO,KAAK,KAAK,KAAK,GAAG,EAAE,KAAK,OAAK,GAAG,GAAG,KAAK,KAAK;AAAA,EACvD;AAAA,EAEA,KAAK,IAAa,IAA2B;AAC3C,WAAO,KAAK,SAAS,MAAM,IAAI,KAAK,MAAM,EAAE,CAAC;AAAA,EAC/C;AAAA,EAEA,OAAyB;AACvB,WAAO,KAAK,KAAK,kBAAkB,EAAE,KAAK,OAAK,GAAG,GAAG,KAAK,KAAK;AAAA,EACjE;AAAA,EAEA,QAAuB;AACrB,WAAO,KAAK,QAAQ,MAAM;AAAA,EAC5B;AAAA,EAEQ,QAAQ,GAAwB;AACtC,UAAM,IAAI,KAAK,KAAK,gBAAgB,GAAG,CAAC,EAAE;AAC1C,WAAO,IAAI,kBAAkB,CAAC;AAAA,EAChC;AACF;","names":[]}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,37 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { Json, UseCase, Id } from '@thisisagile/easy';
|
|
4
|
-
|
|
5
|
-
declare class PlaywrightElement implements TestElement {
|
|
6
|
-
private readonly handle;
|
|
7
|
-
constructor(handle: Promise<ElementHandle | null>);
|
|
8
|
-
click(): Promise<void>;
|
|
9
|
-
type(text: string): Promise<void>;
|
|
10
|
-
property(property: string): Promise<Json | undefined>;
|
|
11
|
-
exists(): Promise<boolean>;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
type BrowserType = 'Chromium' | 'Webkit' | 'Firefox';
|
|
15
|
-
declare class PlaywrightTester implements Tester {
|
|
16
|
-
host: string;
|
|
17
|
-
private readonly browser;
|
|
18
|
-
private readonly page;
|
|
19
|
-
constructor(host: string, browser: Browser, page: Page);
|
|
20
|
-
get url(): string;
|
|
21
|
-
static launch: (browserType: BrowserType, headless: boolean, launchProps: Json) => Promise<Browser>;
|
|
22
|
-
static init(browserType: BrowserType, host?: string, headless?: boolean, width?: number, height?: number, launchProps?: {}): Promise<Tester>;
|
|
23
|
-
byClass(c: string): TestElement;
|
|
24
|
-
byId(id: string): TestElement;
|
|
25
|
-
byDataTestId(id: string): TestElement;
|
|
26
|
-
byName(name: string): TestElement;
|
|
27
|
-
by(key: string, value: string): TestElement;
|
|
28
|
-
submit(): TestElement;
|
|
29
|
-
row(contains: string): TestElement;
|
|
30
|
-
redirect(url: string): Promise<boolean>;
|
|
31
|
-
goto(to: UseCase, id?: Id): Promise<boolean>;
|
|
32
|
-
wait(): Promise<boolean>;
|
|
33
|
-
close(): Promise<void>;
|
|
34
|
-
private byXPath;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
export { BrowserType, PlaywrightElement, PlaywrightTester };
|
|
1
|
+
export * from './PlaywrightElement';
|
|
2
|
+
export * from './PlaywrightTester';
|
package/dist/index.js
CHANGED
|
@@ -1 +1,25 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __copyProps = (to, from, except, desc) => {
|
|
7
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
+
for (let key of __getOwnPropNames(from))
|
|
9
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
10
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
11
|
+
}
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
16
|
+
var src_exports = {};
|
|
17
|
+
module.exports = __toCommonJS(src_exports);
|
|
18
|
+
__reExport(src_exports, require("./PlaywrightElement"), module.exports);
|
|
19
|
+
__reExport(src_exports, require("./PlaywrightTester"), module.exports);
|
|
20
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
21
|
+
0 && (module.exports = {
|
|
22
|
+
...require("./PlaywrightElement"),
|
|
23
|
+
...require("./PlaywrightTester")
|
|
24
|
+
});
|
|
25
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './PlaywrightElement';\nexport * from './PlaywrightTester';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,gCAAd;AACA,wBAAc,+BADd;","names":[]}
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
export * from "./PlaywrightElement";
|
|
2
|
+
export * from "./PlaywrightTester";
|
|
3
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './PlaywrightElement';\nexport * from './PlaywrightTester';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@thisisagile/easy-playwright",
|
|
3
|
-
"version": "15.8.
|
|
3
|
+
"version": "15.8.8",
|
|
4
4
|
"description": "Straightforward wrapper library for Playwright web testing framework",
|
|
5
5
|
"author": "Sander Hoogendoorn",
|
|
6
6
|
"license": "MIT",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"lint": "yarn g:eslint . --ext .js,.jsx,.ts,.tsx --fix",
|
|
25
25
|
"format": "yarn g:prettier --check --write src test *.json",
|
|
26
26
|
"build": "yarn g:tsc",
|
|
27
|
-
"build:tsup": "yarn g:tsup",
|
|
27
|
+
"build:tsup": "yarn g:tsup --onSuccess \"yarn g:tsc --emitDeclarationOnly --declaration\"",
|
|
28
28
|
"test": "yarn g:jest --coverage",
|
|
29
29
|
"prepack": "yarn g:copy-readme"
|
|
30
30
|
},
|
|
@@ -36,11 +36,11 @@
|
|
|
36
36
|
"access": "public"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@thisisagile/easy-test": "15.8.
|
|
39
|
+
"@thisisagile/easy-test": "15.8.8"
|
|
40
40
|
},
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@thisisagile/easy": "^15.8.
|
|
43
|
-
"@thisisagile/easy-test-web": "^15.8.
|
|
42
|
+
"@thisisagile/easy": "^15.8.8",
|
|
43
|
+
"@thisisagile/easy-test-web": "^15.8.8",
|
|
44
44
|
"playwright": "^1.31.2"
|
|
45
45
|
}
|
|
46
46
|
}
|