readd tests for node module CSS

yext · Oct 23, 2023 · 2864bae · 2864bae
1 parent 4e5d0b9
commit 2864bae
Show file tree

Hide file tree

Showing 5 changed files with 42 additions and 2 deletions.
diff --git a/packages/studio-plugin/tests/__fixtures__/LayoutFile/BasicLayout.tsx b/packages/studio-plugin/tests/__fixtures__/LayoutFile/BasicLayout.tsx
@@ -1,4 +1,6 @@
 import "./index.css";
+import "@yext/search-ui-react/lib/bundle.css";
+
 import ComplexBanner from "../ComponentFile/ComplexBanner";
 import { TemplateProps } from "@yext/pages";
 

diff --git a/packages/studio-plugin/tests/__fixtures__/PageFile/brokenCssImport.tsx b/packages/studio-plugin/tests/__fixtures__/PageFile/brokenCssImport.tsx
@@ -0,0 +1,22 @@
+import "@yext/search-ui-react/bundle.css";
+import ComplexBanner from "../ComponentFile/ComplexBanner";
+import { GetPath, TemplateConfig, TemplateProps } from "@yext/pages";
+
+export const config: TemplateConfig = {
+  stream: {
+    $id: "studio-stream-id",
+    localization: { locales: ["en"] },
+    filter: { entityTypes: ["location"] },
+    fields: ["title", "slug"],
+  },
+};
+
+export const getPath: GetPath<TemplateProps> = ({
+  document,
+}: TemplateProps) => {
+  return document.slug;
+};
+
+export default function BrokenCss({ document }: TemplateProps) {
+  return <ComplexBanner title={document.title} num={3} bool={false} />;
+}
diff --git a/packages/studio-plugin/tests/__fixtures__/PageFile/entityTemplate.tsx b/packages/studio-plugin/tests/__fixtures__/PageFile/entityTemplate.tsx
@@ -1,4 +1,6 @@
 import "./index.css";
+import "@yext/search-ui-react/lib/bundle.css";
+
 import ComplexBanner from "../ComponentFile/ComplexBanner";
 import { GetPath, TemplateConfig, TemplateProps } from "@yext/pages";
 

diff --git a/packages/studio-plugin/tests/sourcefiles/LayoutFile.test.ts b/packages/studio-plugin/tests/sourcefiles/LayoutFile.test.ts
@@ -91,7 +91,10 @@ describe("getLayoutState", () => {
   it("correctly parses CSS imports", () => {
     const result = getLayoutState("BasicLayout");
     const expectedIndexCssPath = getFixturePath("LayoutFile/index.css");
-    expect(result.value.cssImports).toEqual([expectedIndexCssPath]);
+    expect(result.value.cssImports).toEqual([
+      expectedIndexCssPath,
+      expect.stringContaining("/node_modules/@yext/search-ui-react/lib/bundle.css")
+    ]);
   });
 
   it("correctly gets filepath", () => {

diff --git a/packages/studio-plugin/tests/sourcefiles/PageFile.getPageState.test.ts b/packages/studio-plugin/tests/sourcefiles/PageFile.getPageState.test.ts
@@ -79,7 +79,10 @@ describe("getPageState", () => {
 
     assertIsOk(result);
     const expectedIndexCssPath = getFixturePath("PageFile/index.css");
-    expect(result.value.cssImports).toEqual([expectedIndexCssPath]);
+    expect(result.value.cssImports).toEqual([
+      expectedIndexCssPath,
+      expect.stringContaining("/node_modules/@yext/search-ui-react/lib/bundle.css")
+    ]);
   });
 
   it("correctly gets filepath", () => {
@@ -121,5 +124,13 @@ describe("getPageState", () => {
       );
       expect(consoleErrorSpy).toHaveBeenCalledTimes(2);
     });
+
+    it("cannot resolve node_module CSS import using package.json export alias", () => {
+      const pageFile = createPageFile("brokenCssImport");
+
+      expect(pageFile.getPageState()).toHaveErrorMessage(
+        /^@yext\/search-ui-react\/bundle.css could not be resolved /
+      );
+    });
   });
 });