@bitforgehq/ui 0.3.2 → 0.4.0

package/fesm2022/bitforgehq-ui-testing.mjs

@@ -403,7 +403,8 @@ var BfTableHarness = class BfTableHarness extends ComponentHarness {
 	headers = this.locatorForAll("thead th[data-bf-column]");
 	rows = this.locatorForAll("tbody tr[data-bf-table-row]");
 	selectAllBox = this.locatorForOptional("thead input[type=\"checkbox\"]");
-	rowBoxes = this.locatorForAll("tbody tr[data-bf-table-row] input[type=\"checkbox\"]");
+	rowBoxes = this.locatorForAll("tbody tr[data-bf-table-row] > td:not([data-bf-cell]) input[type=\"checkbox\"]");
+	sortSelect = this.locatorForOptional(BfSelectHarness.with({ ancestor: "[data-bf-table-stack-bar]" }));
 	static with(filters = {}) {
 		return new HarnessPredicate(BfTableHarness, filters).addOption("label", filters.label, async (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label));
 	}
@@ -421,6 +422,13 @@ var BfTableHarness = class BfTableHarness extends ComponentHarness {
 		if (row < 0 || row >= await this.getRowCount()) throw new Error(`BfTableHarness: no row ${row}`);
 		return (await (await this.locatorForAll(`tbody tr[data-bf-table-row]:nth-of-type(${row + 1}) [data-bf-cell]`)())[index]?.text())?.trim() ?? "";
 	}
+	async getCellHarness(row, column, query) {
+		const index = await this.columnIndex(column);
+		if (row < 0 || row >= await this.getRowCount()) throw new Error(`BfTableHarness: no row ${row}`);
+		const offset = await this.locatorForOptional("tbody tr[data-bf-table-row] > td:not([data-bf-cell])")() ? 1 : 0;
+		const cell = `tbody tr[data-bf-table-row]:nth-of-type(${row + 1}) > td:nth-child(${index + offset + 1})`;
+		return (await this.locatorFactory.harnessLoaderFor(cell)).getHarness(query);
+	}
 	async sortBy(column) {
 		const key = await (await this.headers())[await this.columnIndex(column)]?.getAttribute("data-bf-column");
 		const button = key ? await this.locatorForOptional(`thead th[data-bf-column="${key}"] button`)() : null;
@@ -438,6 +446,9 @@ var BfTableHarness = class BfTableHarness extends ComponentHarness {
 		}
 		return null;
 	}
+	async getSortSelect() {
+		return this.sortSelect();
+	}
 	async selectRow(index) {
 		const box = (await this.rowBoxes())[index];
 		if (!box) throw new Error(`BfTableHarness: no selectable row ${index}`);
@@ -1030,6 +1041,48 @@ var BfSidebarToggleHarness = class BfSidebarToggleHarness extends ComponentHarne
 		await (await this.button()).click();
 	}
 };
-export { BfCalendarHarness, BfChartHarness, BfComboboxHarness, BfDateInputHarness, BfDateTimeInputHarness, BfDesktopToastHarness, BfDialogHarness, BfMenuButtonHarness, BfMenuHarness, BfMenuItemHarness, BfPaginationHarness, BfPopoverHarness, BfRadioGroupHarness, BfSegmentedHarness, BfSelectHarness, BfSidePanelHarness, BfSidebarToggleHarness, BfTabGroupHarness, BfTableHarness, BfTimeInputHarness, BfTooltipHarness, installBfJsdomShims, provideBfTesting };
+var BfToggleHarness = class BfToggleHarness extends ComponentHarness {
+	static hostSelector = "bf-toggle";
+	input = this.locatorFor("input[role=\"switch\"]");
+	label = this.locatorFor("label");
+	error = this.locatorForOptional("p[id$=\"-error\"]");
+	static with(filters = {}) {
+		return new HarnessPredicate(BfToggleHarness, filters).addOption("label", filters.label, async (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label));
+	}
+	async getLabel() {
+		const input = await this.input();
+		const ids = (await input.getAttribute("aria-labelledby"))?.split(/\s+/).filter(Boolean) ?? [];
+		if (ids.length > 0) {
+			const root = this.documentRootLocatorFactory();
+			return (await Promise.all(ids.map(async (id) => await (await root.locatorForOptional(`[id="${id}"]`)())?.text() ?? ""))).map((text) => text.trim()).filter(Boolean).join(" ");
+		}
+		const ariaLabel = await input.getAttribute("aria-label");
+		if (ariaLabel) return ariaLabel;
+		return (await (await this.label()).text()).trim();
+	}
+	async isChecked() {
+		return (await this.input()).getProperty("checked");
+	}
+	async isDisabled() {
+		return (await this.input()).getProperty("disabled");
+	}
+	async isReadonly() {
+		return await (await this.input()).getAttribute("aria-readonly") === "true";
+	}
+	async toggle() {
+		if (await this.isDisabled()) throw new Error(`BfToggleHarness: the toggle "${await this.getLabel()}" is disabled`);
+		await (await this.input()).click();
+	}
+	async check() {
+		if (!await this.isChecked()) await this.toggle();
+	}
+	async uncheck() {
+		if (await this.isChecked()) await this.toggle();
+	}
+	async getErrorText() {
+		return (await (await this.error())?.text())?.trim() ?? "";
+	}
+};
+export { BfCalendarHarness, BfChartHarness, BfComboboxHarness, BfDateInputHarness, BfDateTimeInputHarness, BfDesktopToastHarness, BfDialogHarness, BfMenuButtonHarness, BfMenuHarness, BfMenuItemHarness, BfPaginationHarness, BfPopoverHarness, BfRadioGroupHarness, BfSegmentedHarness, BfSelectHarness, BfSidePanelHarness, BfSidebarToggleHarness, BfTabGroupHarness, BfTableHarness, BfTimeInputHarness, BfToggleHarness, BfTooltipHarness, installBfJsdomShims, provideBfTesting };
 
 //# sourceMappingURL=bitforgehq-ui-testing.mjs.map