@multiplatform.one/table-primitives 6.0.0

package/dist/cjs/index.native.js

@@ -0,0 +1,462 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  Table: () => Table,
+  TableCellContext: () => import_tableCellContext2.TableCellContext,
+  useIsInTableCell: () => import_tableCellContext2.useIsInTableCell,
+  useTableCellContext: () => import_tableCellContext2.useTableCellContext
+});
+module.exports = __toCommonJS(index_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_tableCellContext = require("./tableCellContext.native.js");
+var import_tamagui = require("tamagui");
+var import_tableCellContext2 = require("./tableCellContext.native.js");
+var TableContext = (0, import_tamagui.createStyledContext)({
+  cellWidth: "$8",
+  cellHeight: "$8",
+  alignHeaderCells: {
+    x: "start",
+    y: "center"
+  },
+  alignCells: {
+    x: "start",
+    y: "center"
+  },
+  borderColor: "$color6",
+  displayMode: "table"
+});
+var Row = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
+  name: "TableRow",
+  ...{
+    tag: "tr"
+  },
+  role: "row",
+  context: TableContext,
+  display: "table-row",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-row"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "row",
+        width: "100%",
+        alignItems: "center"
+      }
+    },
+    rowLocation: {
+      first: function first() {
+        return {};
+      },
+      last: function last() {
+        return {};
+      },
+      middle: function middle() {
+        return {};
+      }
+    }
+  }
+});
+var Cell = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
+  name: "TableCell",
+  ...{
+    tag: "td"
+  },
+  context: TableContext,
+  display: "table-cell",
+  // verticalAlign goes via inline style; Tamagui forwards it to the DOM as a JSX
+  // prop otherwise, which React rejects ("React does not recognize verticalAlign").
+  style: {
+    verticalAlign: "middle"
+  },
+  alignItems: "center",
+  justifyContent: "flex-start",
+  paddingHorizontal: "$2",
+  paddingVertical: "$1",
+  overflow: "hidden",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-cell",
+        style: {
+          verticalAlign: "middle"
+        }
+      },
+      flex: {
+        display: "flex",
+        overflow: "visible"
+      }
+    },
+    cellWidth: {
+      /** Equal flex for consistency across rows (flex rows size independently) */
+      auto: function auto() {
+        return {
+          flex: 1
+        };
+      },
+      ":number": function (val) {
+        return {
+          width: val,
+          minWidth: val
+        };
+      },
+      "...size": function (name, param) {
+        var {
+          tokens
+        } = param;
+        return {
+          width: tokens.size[name],
+          minWidth: tokens.size[name]
+        };
+      }
+    },
+    cellHeight: {
+      "...size": function (name, param) {
+        var {
+          tokens
+        } = param;
+        return {
+          minHeight: tokens.size[name]
+        };
+      }
+    },
+    alignCells: function alignCells(val) {
+      return {
+        alignItems: val.y === "center" ? "center" : `flex-${val.y}`,
+        justifyContent: val.x === "center" ? "center" : `flex-${val.x}`
+      };
+    },
+    cellLocation: {
+      first: function first2() {
+        return {};
+      },
+      last: function last2() {
+        return {};
+      },
+      middle: function middle2() {
+        return {};
+      }
+    }
+  }
+});
+var HeaderCell = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
+  name: "TableHeaderCell",
+  ...{
+    tag: "th",
+    scope: "col"
+  },
+  context: TableContext,
+  display: "table-cell",
+  // verticalAlign goes via inline style; see TableCell above for context.
+  style: {
+    verticalAlign: "middle"
+  },
+  alignItems: "center",
+  justifyContent: "flex-start",
+  paddingHorizontal: "$2",
+  paddingVertical: "$1",
+  backgroundColor: "$color3",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-cell",
+        style: {
+          verticalAlign: "middle"
+        }
+      },
+      flex: {
+        display: "flex"
+      }
+    },
+    cellWidth: {
+      /** Equal flex for consistency across rows */
+      auto: function auto2() {
+        return {
+          flex: 1
+        };
+      },
+      ":number": function (val) {
+        return {
+          width: val,
+          minWidth: val
+        };
+      },
+      "...size": function (name, param) {
+        var {
+          tokens
+        } = param;
+        return {
+          width: tokens.size[name],
+          minWidth: tokens.size[name]
+        };
+      }
+    },
+    alignHeaderCells: function alignHeaderCells(val) {
+      return {
+        alignItems: val.y === "center" ? "center" : `flex-${val.y}`,
+        justifyContent: val.x === "center" ? "center" : `flex-${val.x}`
+      };
+    },
+    cellHeight: {
+      "...size": function (name, param) {
+        var {
+          tokens
+        } = param;
+        return {
+          minHeight: tokens.size[name]
+        };
+      }
+    },
+    cellLocation: {
+      first: function first3() {
+        return {};
+      },
+      last: function last3() {
+        return {};
+      },
+      middle: function middle3() {
+        return {};
+      }
+    }
+  }
+});
+var TableBody = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
+  name: "TableBody",
+  ...{
+    tag: "tbody"
+  },
+  context: TableContext,
+  display: "table-row-group",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-row-group"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        overflowY: "auto",
+        flex: 1,
+        minHeight: 0
+      }
+    }
+  }
+});
+var TableHead = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
+  name: "TableHead",
+  ...{
+    tag: "thead"
+  },
+  context: TableContext,
+  display: "table-header-group",
+  borderBottomWidth: 1,
+  borderBottomColor: "$color6",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-header-group"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        flexShrink: 0
+      }
+    }
+  }
+});
+var TableFoot = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
+  name: "TableFoot",
+  ...{
+    tag: "tfoot"
+  },
+  context: TableContext,
+  display: "table-footer-group",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table-footer-group"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        flexShrink: 0
+      }
+    }
+  }
+});
+var TableCaption = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
+  name: "TableCaption",
+  ...{
+    tag: "caption"
+  },
+  context: TableContext,
+  display: "table-caption",
+  paddingVertical: "$2",
+  paddingHorizontal: "$2"
+});
+var TableComp = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
+  name: "Table",
+  ...{
+    tag: "table"
+  },
+  context: TableContext,
+  display: "table",
+  borderWidth: 1,
+  borderColor: "$color6",
+  backgroundColor: "$background",
+  overflow: "hidden",
+  width: "100%",
+  variants: {
+    displayMode: {
+      table: {
+        display: "table"
+      },
+      flex: {
+        display: "flex",
+        flexDirection: "column",
+        flex: 1,
+        minHeight: 0
+      }
+    },
+    /** Empty variants to satisfy context-driven props without ts errors on Table */
+    cellWidth: {
+      "...size": function () {
+        return {};
+      }
+    },
+    cellHeight: {
+      "...size": function () {
+        return {};
+      }
+    },
+    alignHeaderCells: function alignHeaderCells2(_val) {
+      return {};
+    },
+    alignCells: function alignCells2(_val) {
+      return {};
+    }
+  }
+});
+function resolveIntent(props) {
+  if (props.accent) return "accent";
+  if (props.error) return "error";
+  if (props.warning) return "warning";
+  if (props.success) return "success";
+  return void 0;
+}
+function ThemedTableComp(props) {
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var baseBorderWidth = knobProps.borderRadius.borderWidth;
+  var resolvedBorderWidth = knobProps.outlined ? Math.max(baseBorderWidth, 1) : baseBorderWidth;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TableComp, {
+    ...knobProps.borderRadius,
+    borderWidth: resolvedBorderWidth,
+    borderColor: "$color6",
+    backgroundColor: "$background",
+    elevation: knobProps.elevation,
+    ...props,
+    style: [{
+      tableLayout: "fixed"
+    }, props.style]
+  });
+}
+function ThemedRow(param) {
+  var {
+    accent,
+    error,
+    warning,
+    success,
+    ...props
+  } = param;
+  var intent = resolveIntent({
+    accent,
+    error,
+    warning,
+    success
+  });
+  var row = /* @__PURE__ */(0, import_jsx_runtime.jsx)(Row, {
+    ...(intent ? {
+      backgroundColor: "$color3"
+    } : {}),
+    ...props
+  });
+  if (intent) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+      name: intent,
+      children: row
+    });
+  }
+  return row;
+}
+function ThemedCell(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Cell, {
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tableCellContext.TableCellContext.Provider, {
+      value: {
+        inTableCell: true,
+        isHeader: false
+      },
+      children
+    })
+  });
+}
+function ThemedHeaderCell(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(HeaderCell, {
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tableCellContext.TableCellContext.Provider, {
+      value: {
+        inTableCell: true,
+        isHeader: true
+      },
+      children
+    })
+  });
+}
+var Table = (0, import_tamagui.withStaticProperties)(ThemedTableComp, {
+  Head: TableHead,
+  Body: TableBody,
+  Row: ThemedRow,
+  Cell: ThemedCell,
+  HeaderCell: ThemedHeaderCell,
+  Foot: TableFoot,
+  Caption: TableCaption
+});
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","Table","TableCellContext","import_tableCellContext2","useIsInTableCell","useTableCellContext","module","exports","import_jsx_runtime","require","import_theme","import_tableCellContext","import_tamagui","TableContext","createStyledContext","cellWidth","cellHeight","alignHeaderCells","x","y","alignCells","borderColor","displayMode","Row","styled","ThemeableStack","name","tag","role","context","display","variants","table","flex","flexDirection","width","alignItems","rowLocation","first","last","middle","Cell","style","verticalAlign","justifyContent","paddingHorizontal","paddingVertical","overflow","auto",":number","val","minWidth","...size","param","tokens","size","minHeight","cellLocation","first2","last2","middle2","HeaderCell","scope","backgroundColor","auto2","first3","last3","middle3","TableBody","overflowY","TableHead","borderBottomWidth","borderBottomColor","flexShrink","TableFoot","TableCaption"],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/table.spec.cjs

@@ -0,0 +1,183 @@
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_vitest = require("vitest");
+var import_index = require("./index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_vitest.describe)("Table Primitives", () => {
+  (0, import_vitest.it)("renders semantic HTML structure via tag attributes (table, thead, tbody, tfoot, tr, td, th, caption)", () => {
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Caption, {
+        children: "Test Caption"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Head, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.HeaderCell, {
+            children: "Header"
+          })
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Body, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Cell"
+          })
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Foot, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Footer"
+          })
+        })
+      })]
+    }));
+    (0, import_vitest.expect)(container.querySelector('[tag="table"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector('[tag="thead"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector('[tag="tbody"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector('[tag="tfoot"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelectorAll('[tag="tr"]').length).toBe(3);
+    (0, import_vitest.expect)(container.querySelector('[tag="td"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector('[tag="th"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector('[tag="caption"]')).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_Table")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableHead")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableBody")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableFoot")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableRow")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableCell")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableHeaderCell")).not.toBeNull();
+    (0, import_vitest.expect)(container.querySelector(".is_TableCaption")).not.toBeNull();
+  });
+  (0, import_vitest.it)("applies intent props on Table.Row with Theme wrapping", () => {
+    const {
+      container: withIntent
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table.Body, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          accent: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Accent row"
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          error: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Error row"
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          warning: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Warning row"
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          success: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Success row"
+          })
+        })]
+      })
+    }));
+    const {
+      container: withoutIntent
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Body, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Normal row"
+          })
+        })
+      })
+    }));
+    const rows = withIntent.querySelectorAll('[tag="tr"]');
+    (0, import_vitest.expect)(rows.length).toBe(4);
+    (0, import_vitest.expect)(withIntent.textContent).toContain("Accent row");
+    (0, import_vitest.expect)(withIntent.textContent).toContain("Error row");
+    (0, import_vitest.expect)(withIntent.textContent).toContain("Warning row");
+    (0, import_vitest.expect)(withIntent.textContent).toContain("Success row");
+    const intentThemeWrappers = withIntent.querySelectorAll(".is_Theme");
+    const normalThemeWrappers = withoutIntent.querySelectorAll(".is_Theme");
+    (0, import_vitest.expect)(intentThemeWrappers.length).toBeGreaterThan(normalThemeWrappers.length);
+  });
+  (0, import_vitest.it)("spreads knobProps from useResolvedKnobs on Table root", () => {
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Body, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Content"
+          })
+        })
+      })
+    }));
+    const table = container.querySelector('[tag="table"]');
+    (0, import_vitest.expect)(table).not.toBeNull();
+    (0, import_vitest.expect)(table?.textContent).toContain("Content");
+    (0, import_vitest.expect)(table?.classList.contains("is_Table")).toBe(true);
+  });
+  (0, import_vitest.it)("renders Table.Caption as a caption element", () => {
+    const {
+      container
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Caption, {
+        children: "Monthly Sales Report"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Body, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Row, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "Data"
+          })
+        })
+      })]
+    }));
+    const caption = container.querySelector('[tag="caption"]');
+    (0, import_vitest.expect)(caption).not.toBeNull();
+    (0, import_vitest.expect)(caption?.textContent).toContain("Monthly Sales Report");
+    (0, import_vitest.expect)(caption?.classList.contains("is_TableCaption")).toBe(true);
+    const table = container.querySelector('[tag="table"]');
+    (0, import_vitest.expect)(table?.querySelector('[tag="caption"]')).not.toBeNull();
+  });
+  (0, import_vitest.it)("exposes compound component API (Head, Body, Row, Cell, HeaderCell, Foot, Caption)", () => {
+    (0, import_vitest.expect)(import_index.Table.Head).toBeDefined();
+    (0, import_vitest.expect)(import_index.Table.Body).toBeDefined();
+    (0, import_vitest.expect)(import_index.Table.Row).toBeDefined();
+    (0, import_vitest.expect)(import_index.Table.Cell).toBeDefined();
+    (0, import_vitest.expect)(import_index.Table.HeaderCell).toBeDefined();
+    (0, import_vitest.expect)(import_index.Table.Foot).toBeDefined();
+    (0, import_vitest.expect)(import_index.Table.Caption).toBeDefined();
+    const {
+      getByText
+    } = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Caption, {
+        children: "Caption"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Head, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table.Row, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.HeaderCell, {
+            children: "H1"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.HeaderCell, {
+            children: "H2"
+          })]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Body, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table.Row, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "A1"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "A2"
+          })]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Foot, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_index.Table.Row, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "F1"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.Table.Cell, {
+            children: "F2"
+          })]
+        })
+      })]
+    }));
+    (0, import_vitest.expect)(getByText("Caption")).toBeDefined();
+    (0, import_vitest.expect)(getByText("H1")).toBeDefined();
+    (0, import_vitest.expect)(getByText("H2")).toBeDefined();
+    (0, import_vitest.expect)(getByText("A1")).toBeDefined();
+    (0, import_vitest.expect)(getByText("A2")).toBeDefined();
+    (0, import_vitest.expect)(getByText("F1")).toBeDefined();
+    (0, import_vitest.expect)(getByText("F2")).toBeDefined();
+  });
+});