Add test for #6988 (#8391)

* Add test for #6988

* Move files

tests/typescript/intersection/__snapshots__/jsfmt.spec.js.snap

@@ -196,3 +196,82 @@ type D6 /*0*/ = /*1*/ a & b;
 
 ================================================================================
 `;
+
+exports[`type-arguments.ts - {"semi":false} format 1`] = `
+====================================options=====================================
+parsers: ["typescript"]
+printWidth: 80
+semi: false
+                                                                                | printWidth
+=====================================input======================================
+// #6988
+
+// functional component with ugly linebreak
+export const MyLongNamedReactFunctionalComponent1: FunctionComponent<ALongNamedInterface1 & ALongNamedInterface2> = (props) => {}
+
+// functional component with valid linebreak
+export const MyLongNamedReactFunctionalComponent2: FunctionComponent<ALongNamedInterface1 | ALongNamedInterface2> = (props) => {}
+
+// functional component with valid linebreak
+export const MyLongNamedReactFunctionalComponent3: FunctionComponent<ALongNamedInterface1, ALongNamedInterface2> = (props) => {}
+
+=====================================output=====================================
+// #6988
+
+// functional component with ugly linebreak
+export const MyLongNamedReactFunctionalComponent1: FunctionComponent<
+  ALongNamedInterface1 & ALongNamedInterface2
+> = (props) => {}
+
+// functional component with valid linebreak
+export const MyLongNamedReactFunctionalComponent2: FunctionComponent<
+  ALongNamedInterface1 | ALongNamedInterface2
+> = (props) => {}
+
+// functional component with valid linebreak
+export const MyLongNamedReactFunctionalComponent3: FunctionComponent<
+  ALongNamedInterface1,
+  ALongNamedInterface2
+> = (props) => {}
+
+================================================================================
+`;
+
+exports[`type-arguments.ts format 1`] = `
+====================================options=====================================
+parsers: ["typescript"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+// #6988
+
+// functional component with ugly linebreak
+export const MyLongNamedReactFunctionalComponent1: FunctionComponent<ALongNamedInterface1 & ALongNamedInterface2> = (props) => {}
+
+// functional component with valid linebreak
+export const MyLongNamedReactFunctionalComponent2: FunctionComponent<ALongNamedInterface1 | ALongNamedInterface2> = (props) => {}
+
+// functional component with valid linebreak
+export const MyLongNamedReactFunctionalComponent3: FunctionComponent<ALongNamedInterface1, ALongNamedInterface2> = (props) => {}
+
+=====================================output=====================================
+// #6988
+
+// functional component with ugly linebreak
+export const MyLongNamedReactFunctionalComponent1: FunctionComponent<
+  ALongNamedInterface1 & ALongNamedInterface2
+> = (props) => {};
+
+// functional component with valid linebreak
+export const MyLongNamedReactFunctionalComponent2: FunctionComponent<
+  ALongNamedInterface1 | ALongNamedInterface2
+> = (props) => {};
+
+// functional component with valid linebreak
+export const MyLongNamedReactFunctionalComponent3: FunctionComponent<
+  ALongNamedInterface1,
+  ALongNamedInterface2
+> = (props) => {};
+
+================================================================================
+`;

tests/typescript/intersection/type-arguments.ts

@@ -0,0 +1,10 @@
+// #6988
+
+// functional component with ugly linebreak
+export const MyLongNamedReactFunctionalComponent1: FunctionComponent<ALongNamedInterface1 & ALongNamedInterface2> = (props) => {}
+
+// functional component with valid linebreak
+export const MyLongNamedReactFunctionalComponent2: FunctionComponent<ALongNamedInterface1 | ALongNamedInterface2> = (props) => {}
+
+// functional component with valid linebreak
+export const MyLongNamedReactFunctionalComponent3: FunctionComponent<ALongNamedInterface1, ALongNamedInterface2> = (props) => {}