add tests from prettier#6259

thorn0 · Apr 23, 2020 · 84531e0 · 84531e0
1 parent ab1ea71
commit 84531e0
Show file tree

Hide file tree

Showing 2 changed files with 81 additions and 0 deletions.
diff --git a/tests/multiparser_js_css/__snapshots__/jsfmt.spec.js.snap b/tests/multiparser_js_css/__snapshots__/jsfmt.spec.js.snap
@@ -103,6 +103,64 @@ const Icon3 = styled.div\`
 ================================================================================
 `;
 
+exports[`issue-6259.js format 1`] = `
+====================================options=====================================
+parsers: ["babel"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+export const Group = styled.div\`
+  margin: 0;
+
+  .input {
+    margin: 0;
+  }
+
+  \${StyledInput}:not(:first-child) {
+    margin: 0;
+  }
+
+  & > :not(.\${inputWrap}):not(\${Button}) {
+    display: flex;
+  }
+\`
+
+const yesFrame = (
+    ...args: Interpolation<ThemedStyledProps<{}, Theme>>[]
+) => css\`
+    \${ChatRoot}[data-frame="yes"] & {
+        \${css({}, ...args)}
+    }
+\`
+
+=====================================output=====================================
+export const Group = styled.div\`
+  margin: 0;
+
+  .input {
+    margin: 0;
+  }
+
+  \${StyledInput}:not(:first-child) {
+    margin: 0;
+  }
+
+  & > :not(.\${inputWrap}):not(\${Button}) {
+    display: flex;
+  }
+\`;
+
+const yesFrame = (
+  ...args: Interpolation<ThemedStyledProps<{}, Theme>>[]
+) => css\`
+  \${ChatRoot}[data-frame="yes"] & {
+    \${css({}, ...args)}
+  }
+\`;
+
+================================================================================
+`;
+
 exports[`styled-components.js format 1`] = `
 ====================================options=====================================
 parsers: ["babel"]

diff --git a/tests/multiparser_js_css/issue-6259.js b/tests/multiparser_js_css/issue-6259.js
@@ -0,0 +1,23 @@
+export const Group = styled.div`
+  margin: 0;
+
+  .input {
+    margin: 0;
+  }
+
+  ${StyledInput}:not(:first-child) {
+    margin: 0;
+  }
+
+  & > :not(.${inputWrap}):not(${Button}) {
+    display: flex;
+  }
+`
+
+const yesFrame = (
+    ...args: Interpolation<ThemedStyledProps<{}, Theme>>[]
+) => css`
+    ${ChatRoot}[data-frame="yes"] & {
+        ${css({}, ...args)}
+    }
+`