Add another classes test

geophree · Sep 30, 2020 · c4a16f0 · c4a16f0
1 parent 62414f7
commit c4a16f0
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 2 deletions.
diff --git a/__tests__/__snapshots__/classes.js.snap b/__tests__/__snapshots__/classes.js.snap
@@ -1,5 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`and 1`] = `
+"import style9 from 'style9';
+const styles = {
+  default: {
+    color: \\"c1r9f2e5\\",
+    opacity: \\"cu2kwdz\\"
+  },
+  red: {
+    color: \\"cyyg6ey\\"
+  }
+};
+(foo ? \\"cyyg6ey \\" : \\"c1r9f2e5 \\") + \\"cu2kwdz \\";"
+`;
+
 exports[`hoists function call 1`] = `
 "import style9 from 'style9';
 const styles = {
@@ -168,5 +182,5 @@ const styles = {
     color: \\"cyyg6ey\\"
   }
 };
-(foo ? \\"c1r9f2e5 \\" : \\"cyyg6ey \\") + (foo ? \\"cu2kwdz \\" : \\"\\");"
+(foo ? \\"cyyg6ey \\" : \\"c1r9f2e5 \\") + \\"cu2kwdz \\";"
 `;
diff --git a/__tests__/classes.js b/__tests__/classes.js
@@ -33,6 +33,24 @@ styles(foo() && 'default');
   expect(code).toMatchSnapshot();
 });
 
+it('and', async () => {
+  const input = `
+import style9 from 'style9';
+const styles = style9.create({
+  default: {
+    color: 'blue',
+    opacity: 1
+  },
+  red: {
+    color: 'red'
+  }
+});
+styles('default', foo && 'red');
+  `;
+  const { code } = compile(input);
+  expect(code).toMatchSnapshot();
+});
+
 it('ternary', () => {
   const input = `
 import style9 from 'style9';
@@ -45,7 +63,7 @@ const styles = style9.create({
     color: 'red'
   }
 });
-styles(foo ? 'default' : 'red');
+styles(foo ? 'red' : 'default');
   `;
   const { code } = compile(input);
   expect(code).toMatchSnapshot();