feat: update test of TransformFontImports

storybookjs · Oct 8, 2023 · c304067 · c304067
1 parent 83c5b00
commit c304067
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/code/frameworks/nextjs/src/font/babel/index.test.ts b/code/frameworks/nextjs/src/font/babel/index.test.ts
@@ -3,7 +3,7 @@ import { transform } from '@babel/core';
 import TransformFontImports from '.';
 
 const example = `
-import { Inter, Roboto } from 'next/font/google'
+import { Inter, Lora as FontLora, Roboto } from 'next/font/google'
 import localFont from 'next/font/local'
 
 const myFont = localFont({ src: './my-font.woff2' })
@@ -12,6 +12,10 @@ const roboto = Roboto({
   weight: '400',
 })
 
+const lora = FontLora({
+  weight: '400',
+})
+
 const inter = Inter({
   subsets: ['latin'],
 });
@@ -20,7 +24,7 @@ const randomObj = {}
 `;
 
 const exampleLegacy = `
-import { Inter, Roboto } from '@next/font/google'
+import { Inter, Lora as FontLora, Roboto } from '@next/font/google'
 import localFont from '@next/font/local'
 
 const myFont = localFont({ src: './my-font.woff2' })
@@ -29,6 +33,10 @@ const roboto = Roboto({
   weight: '400',
 })
 
+const lora = FontLora({
+  weight: '400',
+})
+
 const inter = Inter({
   subsets: ['latin'],
 });
@@ -40,6 +48,7 @@ it('should transform next/font AST properly', () => {
   const { code } = transform(example, { plugins: [TransformFontImports] })!;
   expect(code).toMatchInlineSnapshot(`
     "import inter from \\"storybook-nextjs-font-loader?{\\\\\\"source\\\\\\":\\\\\\"next/font/google\\\\\\",\\\\\\"props\\\\\\":{\\\\\\"subsets\\\\\\":[\\\\\\"latin\\\\\\"]},\\\\\\"fontFamily\\\\\\":\\\\\\"Inter\\\\\\",\\\\\\"filename\\\\\\":\\\\\\"\\\\\\"}!next/font/google\\";
+    import lora from \\"storybook-nextjs-font-loader?{\\\\\\"source\\\\\\":\\\\\\"next/font/google\\\\\\",\\\\\\"props\\\\\\":{\\\\\\"weight\\\\\\":\\\\\\"400\\\\\\"},\\\\\\"fontFamily\\\\\\":\\\\\\"Lora\\\\\\",\\\\\\"filename\\\\\\":\\\\\\"\\\\\\"}!next/font/google\\";
     import roboto from \\"storybook-nextjs-font-loader?{\\\\\\"source\\\\\\":\\\\\\"next/font/google\\\\\\",\\\\\\"props\\\\\\":{\\\\\\"weight\\\\\\":\\\\\\"400\\\\\\"},\\\\\\"fontFamily\\\\\\":\\\\\\"Roboto\\\\\\",\\\\\\"filename\\\\\\":\\\\\\"\\\\\\"}!next/font/google\\";
     import myFont from \\"storybook-nextjs-font-loader?{\\\\\\"source\\\\\\":\\\\\\"next/font/local\\\\\\",\\\\\\"props\\\\\\":{\\\\\\"src\\\\\\":\\\\\\"./my-font.woff2\\\\\\"},\\\\\\"fontFamily\\\\\\":\\\\\\"localFont\\\\\\",\\\\\\"filename\\\\\\":\\\\\\"\\\\\\"}!next/font/local\\";
     const randomObj = {};"
@@ -50,6 +59,7 @@ it('should transform @next/font AST properly', () => {
   const { code } = transform(exampleLegacy, { plugins: [TransformFontImports] })!;
   expect(code).toMatchInlineSnapshot(`
     "import inter from \\"storybook-nextjs-font-loader?{\\\\\\"source\\\\\\":\\\\\\"@next/font/google\\\\\\",\\\\\\"props\\\\\\":{\\\\\\"subsets\\\\\\":[\\\\\\"latin\\\\\\"]},\\\\\\"fontFamily\\\\\\":\\\\\\"Inter\\\\\\",\\\\\\"filename\\\\\\":\\\\\\"\\\\\\"}!@next/font/google\\";
+    import lora from \\"storybook-nextjs-font-loader?{\\\\\\"source\\\\\\":\\\\\\"@next/font/google\\\\\\",\\\\\\"props\\\\\\":{\\\\\\"weight\\\\\\":\\\\\\"400\\\\\\"},\\\\\\"fontFamily\\\\\\":\\\\\\"Lora\\\\\\",\\\\\\"filename\\\\\\":\\\\\\"\\\\\\"}!@next/font/google\\";
     import roboto from \\"storybook-nextjs-font-loader?{\\\\\\"source\\\\\\":\\\\\\"@next/font/google\\\\\\",\\\\\\"props\\\\\\":{\\\\\\"weight\\\\\\":\\\\\\"400\\\\\\"},\\\\\\"fontFamily\\\\\\":\\\\\\"Roboto\\\\\\",\\\\\\"filename\\\\\\":\\\\\\"\\\\\\"}!@next/font/google\\";
     import myFont from \\"storybook-nextjs-font-loader?{\\\\\\"source\\\\\\":\\\\\\"@next/font/local\\\\\\",\\\\\\"props\\\\\\":{\\\\\\"src\\\\\\":\\\\\\"./my-font.woff2\\\\\\"},\\\\\\"fontFamily\\\\\\":\\\\\\"localFont\\\\\\",\\\\\\"filename\\\\\\":\\\\\\"\\\\\\"}!@next/font/local\\";
     const randomObj = {};"