test(shaker): add a failed test for issue 1141 (#1151)

callstack · Jan 6, 2023 · 2ed729e · 2ed729e
1 parent d11174d
commit 2ed729e
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 0 deletions.
diff --git a/packages/testkit/src/__snapshots__/babel.test.ts.snap b/packages/testkit/src/__snapshots__/babel.test.ts.snap
@@ -1257,6 +1257,31 @@ Dependencies: NA
 
 `;
 
+exports[`strategy shaker handles interpolation in css function followed by unit 1`] = `
+"import { styled } from '@linaria/atomic';
+const _exp = /*#__PURE__*/() => props => props.$rotateDeg;
+export const Container = /*#__PURE__*/styled('div')({
+  name: \\"Container\\",
+  class: \\"atm_tr_18309cv atm_vy_1783zgq Container_c13jq05\\",
+  propsAsIs: false,
+  vars: {
+    \\"y6125t\\": [_exp(), \\"deg\\"]
+  },
+  atomic: true
+});"
+`;
+
+exports[`strategy shaker handles interpolation in css function followed by unit 2`] = `
+
+CSS:
+
+.atm_tr_18309cv{transform:rotate(var(--y6125t));}
+.atm_vy_1783zgq{width:200;px;}
+
+Dependencies: NA
+
+`;
+
 exports[`strategy shaker handles nested blocks 1`] = `
 "import { styled } from '@linaria/react';
 const regular = () => \\"arial\\";

diff --git a/packages/testkit/src/babel.test.ts b/packages/testkit/src/babel.test.ts
@@ -721,6 +721,25 @@ describe('strategy shaker', () => {
     expect(metadata).toMatchSnapshot();
   });
 
+  it('handles interpolation in css function followed by unit', async () => {
+    const { code, metadata } = await transform(
+      dedent`
+    import { styled } from '@linaria/atomic';
+
+    const size = 200;
+
+    export const Container = styled.div\`
+      transform: rotate(${'${props => props.$rotateDeg}'}deg);
+      width: ${'${size}'}px;
+    \`;
+    `,
+      [evaluator]
+    );
+
+    expect(code).toMatchSnapshot();
+    expect(metadata).toMatchSnapshot();
+  });
+
   it('uses the same custom property for the same identifier', async () => {
     const { code, metadata } = await transform(
       dedent`