feat(react-conformance): add tsconfigDir config + change tsconfig def…

…ault dir to componentPath (#21113)

* add tsconfigDir + change tsconfig default path

* Change files

* update comment

* update comment

change/@fluentui-react-conformance-7ec1375c-c01f-4dcd-b4a8-ef2c353b237d.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "add option 'tsconfigDir'; change default tsconfig dir to component path",
+  "packageName": "@fluentui/react-conformance",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-conformance/src/isConformant.ts

@@ -8,14 +8,14 @@ import { getComponentDoc } from './utils/getComponentDoc';
 
 export function isConformant<TProps = {}>(...testInfo: Partial<IsConformantOptions<TProps>>[]) {
   const mergedOptions = merge<IsConformantOptions>(...testInfo);
-  const { componentPath, displayName, disabledTests = [], extraTests } = mergedOptions;
+  const { componentPath, displayName, disabledTests = [], extraTests, tsconfigDir } = mergedOptions;
 
   describe('isConformant', () => {
     if (!fs.existsSync(componentPath)) {
       throw new Error(`Path ${componentPath} does not exist`);
     }
 
-    const tsProgram = createTsProgram(componentPath);
+    const tsProgram = createTsProgram(componentPath, tsconfigDir);
 
     const components = getComponentDoc(componentPath, tsProgram);
     const mainComponents = components.filter(comp => comp.displayName === displayName);

packages/react-conformance/src/types.ts

@@ -94,6 +94,12 @@ export interface IsConformantOptions<TProps = {}> {
    * This is 'root' by default, and only needs to be specified if it's a slot other than 'root'.
    */
   primarySlot?: keyof TProps | 'root';
+
+  /**
+   * Test will load the first tsconfig.json file working upwards from `tsconfigDir`.
+   * @defaultvalue the directory of the component being tested
+   */
+  tsconfigDir?: string;
 }
 
 export type ConformanceTest<TProps = {}> = (

packages/react-conformance/src/utils/createTsProgram.ts

@@ -7,13 +7,13 @@ let program: ts.Program;
 /**
  * Creates a cached TS Program.
  */
-export function createTsProgram(componentPath: string): ts.Program {
+export function createTsProgram(componentPath: string, tsconfigDir?: string): ts.Program {
   if (!program) {
     // Calling parse() from react-docgen-typescript would create a new ts.Program for every component,
     // which can take multiple seconds in a large project. For better performance, we create a single
     // ts.Program per package and pass it to parseWithProgramProvider().
 
-    const tsconfigPath = ts.findConfigFile(process.cwd(), fs.existsSync);
+    const tsconfigPath = ts.findConfigFile(tsconfigDir ?? componentPath, fs.existsSync);
 
     if (!tsconfigPath) {
       throw new Error('Cannot find tsconfig.json');