@homebound/beam 2.315.1 → 2.315.2

package/dist/utils/rtl.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "type", { enumerable: true, get: function () { re
 Object.defineProperty(exports, "typeAndWait", { enumerable: true, get: function () { return rtl_utils_1.typeAndWait; } });
 Object.defineProperty(exports, "wait", { enumerable: true, get: function () { return rtl_utils_1.wait; } });
 const react_1 = require("@testing-library/react");
+const mobx_utils_1 = require("mobx-utils");
 const components_1 = require("../components");
 function render(component, wrapperOrOpts, ...otherWrappers) {
     let wrappers;
@@ -49,7 +50,7 @@ function cellOf(r, tableTestId, rowNum, column) {
 exports.cellOf = cellOf;
 function cellAnd(r, row, column, testId) {
     return (cell(r, row, column).querySelector(`[data-testid="${testId}"]`) ||
-        fail(`Element not found ${(0, react_1.prettyDOM)(cell(r, row, column))}`));
+        (0, mobx_utils_1.fail)(`Element not found ${(0, react_1.prettyDOM)(cell(r, row, column))}`));
 }
 exports.cellAnd = cellAnd;
 function row(r, row, tableTestId = "gridTable") {
@@ -59,7 +60,7 @@ function row(r, row, tableTestId = "gridTable") {
 exports.row = row;
 function rowAnd(r, rowNum, testId) {
     const e = row(r, rowNum);
-    return e.querySelector(`[data-testid="${testId}"]`) || fail(`Element not found ${(0, react_1.prettyDOM)(e)}`);
+    return e.querySelector(`[data-testid="${testId}"]`) || (0, mobx_utils_1.fail)(`Element not found ${(0, react_1.prettyDOM)(e)}`);
 }
 exports.rowAnd = rowAnd;
 /** Intended to be used to generate a human-readable text
@@ -168,9 +169,7 @@ function ensureListBoxOpen(select) {
     }
 }
 function selectOption(select, optionValue) {
-    const body = select.closest("body");
-    const listboxId = select.getAttribute("aria-controls");
-    const listbox = body.querySelector(`#${listboxId}`);
+    const listbox = findListBox(select);
     const options = listbox.querySelectorAll("[role=option]");
     // Allow searching for options by their data-key (value) or textContent (label)
     const optionToSelect = Array.from(options).find((o) => o.dataset.key === optionValue || o.dataset.label === optionValue);
@@ -190,9 +189,7 @@ function getSelected(element) {
         return (_a = select.textContent) !== null && _a !== void 0 ? _a : undefined;
     }
     ensureListBoxOpen(select);
-    const body = select.closest("body");
-    const listboxId = select.getAttribute("aria-controls");
-    const listbox = body.querySelector(`#${listboxId}`);
+    const listbox = findListBox(select);
     const options = listbox.querySelectorAll("[role=option]");
     const selections = Array.from(options)
         .filter((o) => o.getAttribute("aria-selected") === "true")
@@ -206,15 +203,17 @@ function getOptions(element) {
     const select = resolveIfNeeded(element);
     assertListBoxInput(select);
     ensureListBoxOpen(select);
-    const body = select.closest("body");
-    const listboxId = select.getAttribute("aria-controls");
-    const listbox = body.querySelector(`#${listboxId}`);
+    const listbox = findListBox(select);
     const options = listbox.querySelectorAll("[role=option]");
     return Array.from(options)
         .map((o) => { var _a, _b; return (_b = (_a = o.dataset.label) !== null && _a !== void 0 ? _a : o.dataset.key) !== null && _b !== void 0 ? _b : ""; })
         .filter((o) => !!o);
 }
 exports.getOptions = getOptions;
+function findListBox(select) {
+    const listboxId = select.getAttribute("aria-controls") || (0, mobx_utils_1.fail)("aria-controls attribute not found");
+    return document.getElementById(listboxId) || (0, mobx_utils_1.fail)("listbox not found");
+}
 function assertListBoxInput(select) {
     if (isSelectElement(select)) {
         throw new Error("Beam getOptions helper does not support <select> elements");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.315.1",
+  "version": "2.315.2",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",