@tamagui/react-native-web-lite 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/createElement/__tests__/index-test.cjs

@@ -2,13 +2,15 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-    get: () => from[key],
-    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-  });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -18,11 +20,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 // "default" to the CommonJS "module.exports" for node compatibility.
 isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
   value: mod,
-  enumerable: !0
+  enumerable: true
 }) : target, mod));
-var import_react = require("@testing-library/react"),
-  import__ = __toESM(require("../index.cjs"), 1),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@testing-library/react");
+var import__ = __toESM(require("../index.cjs"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
 function getAttribute(container, attribute) {
   return container.firstChild.getAttribute(attribute);
 }
@@ -34,16 +36,21 @@ describe("exports/createElement/index.js", () => {
     let {
       container
     } = (0, import_react.render)((0, import__.default)("span"));
-    expect(container.firstChild).toMatchSnapshot(), {
+    expect(container.firstChild).toMatchSnapshot();
+    ({
       container
-    } = (0, import_react.render)((0, import__.default)("main")), expect(container.firstChild).toMatchSnapshot(), {
+    } = (0, import_react.render)((0, import__.default)("main")));
+    expect(container.firstChild).toMatchSnapshot();
+    ({
       container
     } = (0, import_react.render)((0, import__.default)("svg", {
       children: (0, import__.default)("image", {
         href: "#href"
       })
-    })), expect(container.firstChild).toMatchSnapshot();
-  }), describe('prop "accessibilityRole"', () => {
+    })));
+    expect(container.firstChild).toMatchSnapshot();
+  });
+  describe('prop "accessibilityRole"', () => {
     test("string component type", () => {
       const {
         container
@@ -51,16 +58,18 @@ describe("exports/createElement/index.js", () => {
         accessibilityRole: "link"
       }));
       expect(container.firstChild.nodeName).toBe("SPAN");
-    }), test("function component type", () => {
-      const Custom = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {}),
-        {
-          container
-        } = (0, import_react.render)((0, import__.default)(Custom, {
-          accessibilityRole: "link"
-        }));
+    });
+    test("function component type", () => {
+      const Custom = () => /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {});
+      const {
+        container
+      } = (0, import_react.render)((0, import__.default)(Custom, {
+        accessibilityRole: "link"
+      }));
       expect(container.firstChild.nodeName).toBe("DIV");
     });
-  }), describe("accessibility props", () => {
+  });
+  describe("accessibility props", () => {
     test("accessibilityActiveDescendant", () => {
       const {
         container: isEmpty
@@ -74,7 +83,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityActiveDescendant: "abc"
       }));
       expect(getAttribute(hasValue, "aria-activedescendant")).toBe("abc");
-    }), test("accessibilityAtomic", () => {
+    });
+    test("accessibilityAtomic", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -84,10 +94,11 @@ describe("exports/createElement/index.js", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("div", {
-        accessibilityAtomic: !0
+        accessibilityAtomic: true
       }));
       expect(getAttribute(hasValue, "aria-atomic")).toBe("true");
-    }), test("accessibilityAutoComplete", () => {
+    });
+    test("accessibilityAutoComplete", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -97,10 +108,11 @@ describe("exports/createElement/index.js", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("div", {
-        accessibilityAutoComplete: !0
+        accessibilityAutoComplete: true
       }));
       expect(getAttribute(hasValue, "aria-autocomplete")).toBe("true");
-    }), test("accessibilityBusy", () => {
+    });
+    test("accessibilityBusy", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -110,10 +122,11 @@ describe("exports/createElement/index.js", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("div", {
-        accessibilityBusy: !0
+        accessibilityBusy: true
       }));
       expect(getAttribute(hasValue, "aria-busy")).toBe("true");
-    }), test("accessibilityChecked", () => {
+    });
+    test("accessibilityChecked", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -123,10 +136,11 @@ describe("exports/createElement/index.js", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("div", {
-        accessibilityChecked: !0
+        accessibilityChecked: true
       }));
       expect(getAttribute(hasValue, "aria-checked")).toBe("true");
-    }), test("accessibilityColumnCount", () => {
+    });
+    test("accessibilityColumnCount", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -139,7 +153,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityColumnCount: 5
       }));
       expect(getAttribute(hasValue, "aria-colcount")).toBe("5");
-    }), test("accessibilityColumnIndex", () => {
+    });
+    test("accessibilityColumnIndex", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -152,7 +167,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityColumnIndex: 5
       }));
       expect(getAttribute(hasValue, "aria-colindex")).toBe("5");
-    }), test("accessibilityColumnSpan", () => {
+    });
+    test("accessibilityColumnSpan", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -165,7 +181,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityColumnSpan: 5
       }));
       expect(getAttribute(hasValue, "aria-colspan")).toBe("5");
-    }), test("accessibilityControls", () => {
+    });
+    test("accessibilityControls", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -184,7 +201,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityControls: ["abc", "def"]
       }));
       expect(getAttribute(hasMultipleValues, "aria-controls")).toBe("abc def");
-    }), test("accessibilityCurrent", () => {
+    });
+    test("accessibilityCurrent", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -197,7 +215,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityCurrent: "page"
       }));
       expect(getAttribute(hasValue, "aria-current")).toBe("page");
-    }), test("accessibilityDescribedBy", () => {
+    });
+    test("accessibilityDescribedBy", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -216,7 +235,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityDescribedBy: ["abc", "def"]
       }));
       expect(getAttribute(hasMultipleValues, "aria-describedby")).toBe("abc def");
-    }), test("accessibilityDetails", () => {
+    });
+    test("accessibilityDetails", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -229,20 +249,24 @@ describe("exports/createElement/index.js", () => {
         accessibilityDetails: "abc"
       }));
       expect(getAttribute(hasValue, "aria-details")).toBe("abc");
-    }), test("accessibilityDisabled", () => {
+    });
+    test("accessibilityDisabled", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("button", {
         accessibilityDisabled: null
       }));
-      expect(getAttribute(isEmpty, "aria-disabled")).toBeNull(), expect(getProperty(isEmpty, "disabled")).toBe(!1);
+      expect(getAttribute(isEmpty, "aria-disabled")).toBeNull();
+      expect(getProperty(isEmpty, "disabled")).toBe(false);
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("button", {
-        accessibilityDisabled: !0
+        accessibilityDisabled: true
       }));
-      expect(getAttribute(hasValue, "aria-disabled")).toBe("true"), expect(getProperty(hasValue, "disabled")).toBe(!0);
-    }), test("accessibilityErrorMessage", () => {
+      expect(getAttribute(hasValue, "aria-disabled")).toBe("true");
+      expect(getProperty(hasValue, "disabled")).toBe(true);
+    });
+    test("accessibilityErrorMessage", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -255,7 +279,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityErrorMessage: "abc"
       }));
       expect(getAttribute(hasValue, "aria-errormessage")).toBe("abc");
-    }), test("accessibilityExpanded", () => {
+    });
+    test("accessibilityExpanded", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -265,10 +290,11 @@ describe("exports/createElement/index.js", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("div", {
-        accessibilityExpanded: !0
+        accessibilityExpanded: true
       }));
       expect(getAttribute(hasValue, "aria-expanded")).toBe("true");
-    }), test("accessibilityFlowTo", () => {
+    });
+    test("accessibilityFlowTo", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -287,7 +313,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityFlowTo: ["abc", "def"]
       }));
       expect(getAttribute(hasMultipleValues, "aria-flowto")).toBe("abc def");
-    }), test("accessibilityHasPopup", () => {
+    });
+    test("accessibilityHasPopup", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -297,10 +324,11 @@ describe("exports/createElement/index.js", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("div", {
-        accessibilityHasPopup: !0
+        accessibilityHasPopup: true
       }));
       expect(getAttribute(hasValue, "aria-haspopup")).toBe("true");
-    }), test("accessibilityHidden", () => {
+    });
+    test("accessibilityHidden", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -310,10 +338,11 @@ describe("exports/createElement/index.js", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("div", {
-        accessibilityHidden: !0
+        accessibilityHidden: true
       }));
       expect(getAttribute(hasValue, "aria-hidden")).toBe("true");
-    }), test("accessibilityInvalid", () => {
+    });
+    test("accessibilityInvalid", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("input", {
@@ -323,10 +352,11 @@ describe("exports/createElement/index.js", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("input", {
-        accessibilityInvalid: !0
+        accessibilityInvalid: true
       }));
       expect(getAttribute(hasValue, "aria-invalid")).toBe("true");
-    }), test("accessibilityKeyShortcuts", () => {
+    });
+    test("accessibilityKeyShortcuts", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -339,7 +369,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityKeyShortcuts: ["ArrowUp", "Enter", "Space", "Alt+Shift+T"]
       }));
       expect(getAttribute(hasValue, "aria-keyshortcuts")).toBe("ArrowUp Enter Space Alt+Shift+T");
-    }), test("accessibilityLabel", () => {
+    });
+    test("accessibilityLabel", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -352,7 +383,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityLabel: "abc"
       }));
       expect(getAttribute(hasValue, "aria-label")).toBe("abc");
-    }), test("accessibilityLabelledBy", () => {
+    });
+    test("accessibilityLabelledBy", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -371,7 +403,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityLabelledBy: ["abc", "def"]
       }));
       expect(getAttribute(hasMultipleValues, "aria-labelledby")).toBe("abc def");
-    }), test("accessibilityLevel", () => {
+    });
+    test("accessibilityLevel", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -384,7 +417,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityLevel: 3
       }));
       expect(getAttribute(hasValue, "aria-level")).toBe("3");
-    }), test("accessibilityLiveRegion", () => {
+    });
+    test("accessibilityLiveRegion", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -397,7 +431,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityLiveRegion: "polite"
       }));
       expect(getAttribute(hasValue, "aria-live")).toBe("polite");
-    }), test("accessibilityModal", () => {
+    });
+    test("accessibilityModal", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -407,10 +442,11 @@ describe("exports/createElement/index.js", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("div", {
-        accessibilityModal: !0
+        accessibilityModal: true
       }));
       expect(getAttribute(hasValue, "aria-modal")).toBe("true");
-    }), test("accessibilityMultiline", () => {
+    });
+    test("accessibilityMultiline", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -420,10 +456,11 @@ describe("exports/createElement/index.js", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("div", {
-        accessibilityMultiline: !0
+        accessibilityMultiline: true
       }));
       expect(getAttribute(hasValue, "aria-multiline")).toBe("true");
-    }), test("accessibilityMultiSelectable", () => {
+    });
+    test("accessibilityMultiSelectable", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -433,10 +470,11 @@ describe("exports/createElement/index.js", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("div", {
-        accessibilityMultiSelectable: !0
+        accessibilityMultiSelectable: true
       }));
       expect(getAttribute(hasValue, "aria-multiselectable")).toBe("true");
-    }), test("accessibilityOrientation", () => {
+    });
+    test("accessibilityOrientation", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -449,7 +487,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityOrientation: "vertical"
       }));
       expect(getAttribute(hasValue, "aria-orientation")).toBe("vertical");
-    }), test("accessibilityOwns", () => {
+    });
+    test("accessibilityOwns", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -468,7 +507,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityOwns: ["abc", "def"]
       }));
       expect(getAttribute(hasMultipleValues, "aria-owns")).toBe("abc def");
-    }), test("accessibilityPlaceholder", () => {
+    });
+    test("accessibilityPlaceholder", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -481,7 +521,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityPlaceholder: "MM-DD-YYYY"
       }));
       expect(getAttribute(hasValue, "aria-placeholder")).toBe("MM-DD-YYYY");
-    }), test("accessibilityPosInSet", () => {
+    });
+    test("accessibilityPosInSet", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -494,7 +535,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityPosInSet: 3
       }));
       expect(getAttribute(hasValue, "aria-posinset")).toBe("3");
-    }), test("accessibilityPressed", () => {
+    });
+    test("accessibilityPressed", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -504,36 +546,43 @@ describe("exports/createElement/index.js", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("div", {
-        accessibilityPressed: !0
+        accessibilityPressed: true
       }));
       expect(getAttribute(hasValue, "aria-pressed")).toBe("true");
-    }), test("accessibilityReadOnly", () => {
+    });
+    test("accessibilityReadOnly", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("input", {
         accessibilityReadOnly: null
       }));
-      expect(getAttribute(isEmpty, "aria-readonly")).toBeNull(), expect(getProperty(isEmpty, "readOnly")).toBe(!1);
+      expect(getAttribute(isEmpty, "aria-readonly")).toBeNull();
+      expect(getProperty(isEmpty, "readOnly")).toBe(false);
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("input", {
-        accessibilityReadOnly: !0
+        accessibilityReadOnly: true
       }));
-      expect(getAttribute(hasValue, "aria-readonly")).toBe("true"), expect(getProperty(hasValue, "readOnly")).toBe(!0);
-    }), test("accessibilityRequired", () => {
+      expect(getAttribute(hasValue, "aria-readonly")).toBe("true");
+      expect(getProperty(hasValue, "readOnly")).toBe(true);
+    });
+    test("accessibilityRequired", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("input", {
         accessibilityRequired: null
       }));
-      expect(getAttribute(isEmpty, "aria-required")).toBeNull(), expect(getProperty(isEmpty, "required")).toBe(!1);
+      expect(getAttribute(isEmpty, "aria-required")).toBeNull();
+      expect(getProperty(isEmpty, "required")).toBe(false);
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("input", {
-        accessibilityRequired: !0
+        accessibilityRequired: true
       }));
-      expect(getAttribute(hasValue, "aria-required")).toBe("true"), expect(getProperty(hasValue, "required")).toBe(!0);
-    }), test("accessibilityRole", () => {
+      expect(getAttribute(hasValue, "aria-required")).toBe("true");
+      expect(getProperty(hasValue, "required")).toBe(true);
+    });
+    test("accessibilityRole", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -545,14 +594,16 @@ describe("exports/createElement/index.js", () => {
       } = (0, import_react.render)((0, import__.default)("div", {
         accessibilityRole: "button"
       }));
-      expect(getAttribute(hasValue, "role")).toBe("button"), expect(getAttribute(hasValue, "tabIndex")).toBe("0");
+      expect(getAttribute(hasValue, "role")).toBe("button");
+      expect(getAttribute(hasValue, "tabIndex")).toBe("0");
       const {
         container: roleIsNone
       } = (0, import_react.render)((0, import__.default)("div", {
         accessibilityRole: "none"
       }));
       expect(getAttribute(roleIsNone, "role")).toBe("presentation");
-    }), test("accessibilityRoleDescription", () => {
+    });
+    test("accessibilityRoleDescription", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -565,7 +616,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityRoleDescription: "abc"
       }));
       expect(getAttribute(hasValue, "aria-roledescription")).toBe("abc");
-    }), test("accessibilityRowCount", () => {
+    });
+    test("accessibilityRowCount", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -578,7 +630,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityRowCount: 5
       }));
       expect(getAttribute(hasValue, "aria-rowcount")).toBe("5");
-    }), test("accessibilityRowIndex", () => {
+    });
+    test("accessibilityRowIndex", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -591,7 +644,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityRowIndex: 5
       }));
       expect(getAttribute(hasValue, "aria-rowindex")).toBe("5");
-    }), test("accessibilityRowSpan", () => {
+    });
+    test("accessibilityRowSpan", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -604,7 +658,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityRowSpan: 5
       }));
       expect(getAttribute(hasValue, "aria-rowspan")).toBe("5");
-    }), test("accessibilitySelected", () => {
+    });
+    test("accessibilitySelected", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -614,10 +669,11 @@ describe("exports/createElement/index.js", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("div", {
-        accessibilitySelected: !0
+        accessibilitySelected: true
       }));
       expect(getAttribute(hasValue, "aria-selected")).toBe("true");
-    }), test("accessibilitySetSize", () => {
+    });
+    test("accessibilitySetSize", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -630,7 +686,8 @@ describe("exports/createElement/index.js", () => {
         accessibilitySetSize: 5
       }));
       expect(getAttribute(hasValue, "aria-setsize")).toBe("5");
-    }), test("accessibilitySort", () => {
+    });
+    test("accessibilitySort", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -643,7 +700,8 @@ describe("exports/createElement/index.js", () => {
         accessibilitySort: "ascending"
       }));
       expect(getAttribute(hasValue, "aria-sort")).toBe("ascending");
-    }), test("accessibilityValueMax", () => {
+    });
+    test("accessibilityValueMax", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -656,7 +714,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityValueMax: 100
       }));
       expect(getAttribute(hasValue, "aria-valuemax")).toBe("100");
-    }), test("accessibilityValueMin", () => {
+    });
+    test("accessibilityValueMin", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -669,7 +728,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityValueMin: 10
       }));
       expect(getAttribute(hasValue, "aria-valuemin")).toBe("10");
-    }), test("accessibilityValueNow", () => {
+    });
+    test("accessibilityValueNow", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -682,7 +742,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityValueNow: 50
       }));
       expect(getAttribute(hasValue, "aria-valuenow")).toBe("50");
-    }), test("accessibilityValueText", () => {
+    });
+    test("accessibilityValueText", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -695,7 +756,8 @@ describe("exports/createElement/index.js", () => {
         accessibilityValueText: "fifty"
       }));
       expect(getAttribute(hasValue, "aria-valuetext")).toBe("fifty");
-    }), test("dataSet", () => {
+    });
+    test("dataSet", () => {
       const {
         container: hasValue
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -714,7 +776,8 @@ describe("exports/createElement/index.js", () => {
           data-two="2"
         />
       `);
-    }), test("focusable", () => {
+    });
+    test("focusable", () => {
       const {
         container: isEmpty
       } = (0, import_react.render)((0, import__.default)("div", {
@@ -724,40 +787,40 @@ describe("exports/createElement/index.js", () => {
       const {
         container: isTrue
       } = (0, import_react.render)((0, import__.default)("div", {
-        focusable: !0
+        focusable: true
       }));
       expect(getAttribute(isTrue, "tabindex")).toBe("0");
       const {
         container: isFalseNativelyFocusable
       } = (0, import_react.render)((0, import__.default)("button", {
-        focusable: !1
+        focusable: false
       }));
       expect(getAttribute(isFalseNativelyFocusable, "tabindex")).toBe("-1");
       const {
         container: isDisabledNativelyFocusable
       } = (0, import_react.render)((0, import__.default)("button", {
-        accessibilityDisabled: !0,
-        focusable: !0
+        accessibilityDisabled: true,
+        focusable: true
       }));
       expect(getAttribute(isDisabledNativelyFocusable, "tabindex")).toBe("-1");
       const {
         container: isTrueNativelyFocusable
       } = (0, import_react.render)((0, import__.default)("button", {
-        focusable: !0
+        focusable: true
       }));
       expect(getAttribute(isTrueNativelyFocusable, "tabindex")).toBeNull();
       const {
         container: isFocusableRole
       } = (0, import_react.render)((0, import__.default)("div", {
         accessibilityRole: "button",
-        focusable: !0
+        focusable: true
       }));
       expect(getAttribute(isFocusableRole, "tabindex")).toBe("0");
       const {
         container: isFalseFocusableRole
       } = (0, import_react.render)((0, import__.default)("div", {
         accessibilityRole: "button",
-        focusable: !1
+        focusable: false
       }));
       expect(getAttribute(isFalseFocusableRole, "tabindex")).toBe("-1");
     });