chore: add import.meta.glob test

Author: katywings

apps/fixtures/css/src/components/lazyGlob.tsx

@@ -0,0 +1,7 @@
+import "../styles/lazyGlob.css";
+
+const Lazy = () => {
+  return <></>
+}
+
+export default Lazy;

apps/fixtures/css/src/components/test.tsx

@@ -70,11 +70,13 @@ export const CommonTests = (props: { routeModuleClass?: string }) => (
       comment="FOUC during client-side navigation, on Chrome."
     />
     <Test component="Route" file="notRendered.css" class="notRendered" integration="url" invert />
+    <Test component="Lazy" file="lazy.css" class="lazy" lazy />
     <Test
-      component="Lazy"
-      file="lazy.css"
-      class="lazy"
+      component="LazyGlob"
+      file="lazyGlob.css"
+      class="lazyGlob"
       lazy
+      comment={'Imported via "import.meta.glob".'}
     />
     <Test
       component="LazyLink"

apps/fixtures/css/src/routes/index.tsx

@@ -13,6 +13,9 @@ const LazyMountAssets = lazy(() => import("../components/lazyMountAssets"));
 const LazyLinkTmp = lazy(() => import("../components/lazyLinkTmp"));
 const LazyMountAssetsTmp = lazy(() => import("../components/lazyMountAssetsTmp"));
 
+const entries = import.meta.glob("../components/lazyG*.tsx");
+const LazyGlob = lazy(Object.values(entries)[0] as any);
+
 const getData = query(async () => {
   "use server";
   await new Promise(res => setTimeout(res, 1000));
@@ -29,6 +32,7 @@ export default function Home() {
         <link rel="stylesheet" href={notRenderedInlineCSS} />
       </Show>
       <Lazy />
+      <LazyGlob />
       <LazyLink />
       <LazyMountAssets />
       <Show when={!data()}>

apps/fixtures/css/src/styles/lazyGlob.css

@@ -0,0 +1,3 @@
+.lazyGlob {
+  background-color: var(--color-success);
+}