From 91b78eec5b6d59ae50f445daaca3b67ed39671cf Mon Sep 17 00:00:00 2001
From: LuLaValva <lukelavalva@gmail.com>
Date: Thu, 14 Dec 2023 09:30:55 -0800
Subject: [PATCH] fix(test): browser tests with ts

---
 marko-cli.js                                      | 1 +
 src/common/menu-utils/index.ts                    | 6 +++++-
 src/common/test-utils/lasso-require-extensions.js | 3 ++-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/marko-cli.js b/marko-cli.js
index 896db609a..4d455eb03 100644
--- a/marko-cli.js
+++ b/marko-cli.js
@@ -19,6 +19,7 @@ module.exports = ({ config }) => {
             "lasso-less",
         ],
         require: {
+            extensions: [".js", ".ts"],
             transforms: [
                 {
                     transform:
diff --git a/src/common/menu-utils/index.ts b/src/common/menu-utils/index.ts
index 14297261f..64f65f1e3 100644
--- a/src/common/menu-utils/index.ts
+++ b/src/common/menu-utils/index.ts
@@ -17,10 +17,14 @@ export interface MenuState {
     checkedItems?: boolean[];
 }
 
+const Component = (typeof Marko === "object"
+    ? Marko.Component
+    : function () {}) as any as typeof Marko.Component;
+
 export class MenuUtils<
     Input extends BaseMenuInput,
     State extends MenuState,
-> extends Marko.Component<Input, State> {
+> extends Component<Input, State> {
     declare type?: string;
     declare items: Extract<Input["items"], any[]>[number][];
 
diff --git a/src/common/test-utils/lasso-require-extensions.js b/src/common/test-utils/lasso-require-extensions.js
index ab04b79e7..1cdb93bb2 100644
--- a/src/common/test-utils/lasso-require-extensions.js
+++ b/src/common/test-utils/lasso-require-extensions.js
@@ -12,6 +12,7 @@ module.exports = function (lasso) {
             this.path = this.resolvePath(this.path);
         },
         async read() {
+            console.log("load", this.path);
             return await fs.promises.readFile(this.path, "utf-8");
         },
         getSourceFile: function () {
@@ -22,7 +23,7 @@ module.exports = function (lasso) {
     lasso.dependencies.registerRequireExtension("md", {
         read: async function (path) {
             return `module.exports = ${JSON.stringify(
-                await fs.promises.readFile(path, "utf-8")
+                await fs.promises.readFile(path, "utf-8"),
             )}`;
         },