Align breaking change detection with new snapshot format (#52353)

Summary:
Pull Request resolved: #52353

This diff aligns breaking change detection script with new snapshot format. It compares hashes to determine if the API changed for each specifier.

Changelog:
[Internal]

Reviewed By: huntie

Differential Revision: D77377762

fbshipit-source-id: e1c69692ace389fb08ae9470b9f9631e53834206

Author: coado

scripts/diff-api-snapshot/__tests__/diffApiSnapshot-test.js

@@ -17,22 +17,31 @@ describe('diffApiSnapshot', () => {
   test('should detect breaking change when a statement is deleted', () => {
     const prevSnapshot = `
       import * as React from 'react';
-      export declare type AccessibilityActionEvent = NativeSyntheticEvent<
+      declare type AccessibilityActionEvent = NativeSyntheticEvent<
         Readonly<{
           actionName: string;
         }>
       >;
-      export declare const AccessibilityInfo: typeof AccessibilityInfo_2;
-      export declare const DeletedExport: string;
+      declare const AccessibilityInfo: typeof AccessibilityInfo_2;
+      declare const DeletedExport: string;
+      export {
+        AccessibilityActionEvent, // 00000001
+        AccessibilityInfo, // 00000002
+        DeletedExport, // 00000003
+      }
     `;
     const newSnapshot = `
       import * as React from 'react';
-      export declare type AccessibilityActionEvent = NativeSyntheticEvent<
+      declare type AccessibilityActionEvent = NativeSyntheticEvent<
         Readonly<{
           actionName: string;
         }>
       >;
-      export declare const AccessibilityInfo: typeof AccessibilityInfo_2;
+      declare const AccessibilityInfo: typeof AccessibilityInfo_2;
+      export {
+        AccessibilityActionEvent, // 00000001
+        AccessibilityInfo, // 00000002
+      }
     `;
 
     const res = diffApiSnapshot(prevSnapshot, newSnapshot);
@@ -48,7 +57,11 @@ describe('diffApiSnapshot', () => {
           actionName: string;
         }>
       >;
-      export declare const AccessibilityInfo: typeof AccessibilityInfo_2;
+      export declare const Foo: string;
+      export {
+        AccessibilityActionEvent, // 00000001
+        Foo, // 00000002
+      }
     `;
     const newSnapshot = `
       import * as React from 'react';
@@ -57,33 +70,46 @@ describe('diffApiSnapshot', () => {
           actionName: string;
         }>
       >;
-      export declare const AccessibilityInfo: typeof AccessibilityInfo_3; // Changed from AccessibilityInfo_2 to AccessibilityInfo_3
+      export declare const Foo: number;
+      export {
+        AccessibilityActionEvent, // 00000001
+        Foo, // 00000003
+      }
     `;
 
     const res = diffApiSnapshot(prevSnapshot, newSnapshot);
     expect(res.result).toBe(Result.BREAKING);
-    expect(res.changedApis).toEqual(['AccessibilityInfo']);
+    expect(res.changedApis).toEqual(['Foo']);
   });
 
   test('should detect potentially not breaking change when a statement is added', () => {
     const prevSnapshot = `
       import * as React from 'react';
-      export declare type AccessibilityActionEvent = NativeSyntheticEvent<
+      declare type AccessibilityActionEvent = NativeSyntheticEvent<
         Readonly<{
           actionName: string;
         }>
       >;
-      export declare const AccessibilityInfo: typeof AccessibilityInfo_2;
+      declare const AccessibilityInfo: typeof AccessibilityInfo_2;
+      export {
+        AccessibilityActionEvent, // 00000001
+        AccessibilityInfo, // 00000002
+      }
     `;
     const newSnapshot = `
       import * as React from 'react';
-      export declare type AccessibilityActionEvent = NativeSyntheticEvent<
+      declare type AccessibilityActionEvent = NativeSyntheticEvent<
         Readonly<{
           actionName: string;
         }>
       >;
-      export declare const AccessibilityInfo: typeof AccessibilityInfo_2;
-      export declare const NewExport: string; // New export added
+      declare const AccessibilityInfo: typeof AccessibilityInfo_2;
+      declare const NewExport: string; // New export added
+      export {
+        AccessibilityActionEvent, // 00000001
+        AccessibilityInfo, // 00000002
+        NewExport, // 00000003
+      }
     `;
 
     const res = diffApiSnapshot(prevSnapshot, newSnapshot);
@@ -94,85 +120,20 @@ describe('diffApiSnapshot', () => {
   test('should detect not breaking change when nothing is changed', () => {
     const prevSnapshot = `
       import * as React from 'react';
-      export declare type AccessibilityActionEvent = NativeSyntheticEvent<
+      declare type AccessibilityActionEvent = NativeSyntheticEvent<
         Readonly<{
           actionName: string;
         }>
       >;
-      export declare const AccessibilityInfo: typeof AccessibilityInfo_2;
-    `;
-
-    const res = diffApiSnapshot(prevSnapshot, prevSnapshot);
-    expect(res.result).toBe(Result.NON_BREAKING);
-    expect(res.changedApis).toEqual([]);
-  });
-
-  test('should handle complex type declarations', () => {
-    const prevSnapshot = `
-      import * as React from 'react';
-      export declare type ComplexType = {
-        prop1: string;
-        prop2: number;
-        prop3: {
-          nestedProp1: boolean;
-          nestedProp2: Array<string>;
-        };
-      };
-    `;
-    const newSnapshot = `
-      import * as React from 'react';
-      export declare type ComplexType = {
-        prop1: string;
-        prop2: number;
-        prop3: {
-          nestedProp1: boolean;
-          nestedProp2: Array<string>;
-          nestedProp3: number; // Added property
-        };
-      };
-    `;
+      declare const AccessibilityInfo: typeof AccessibilityInfo_2;
 
-    const res = diffApiSnapshot(prevSnapshot, newSnapshot);
-    expect(res.result).toBe(Result.BREAKING);
-    expect(res.changedApis).toEqual(['ComplexType']);
-  });
-
-  test('should handle interface declarations', () => {
-    const prevSnapshot = `
-      import * as React from 'react';
-      export interface TestInterface {
-        method1(): void;
-        property1: string;
+      export {
+        AccessibilityActionEvent, // 00000001
+        AccessibilityInfo, // 00000002
       }
     `;
-    const newSnapshot = `
-      import * as React from 'react';
-      export interface TestInterface {
-        method1(): void;
-        property1: string;
-        method2(): number; // Added method
-      }
-    `;
-
-    const res = diffApiSnapshot(prevSnapshot, newSnapshot);
-    expect(res.result).toBe(Result.BREAKING);
-    expect(res.changedApis).toEqual(['TestInterface']);
-  });
-
-  test('should handle const and type of the same name', () => {
-    const prevSnapshot = `
-      import * as React from 'react';
-      export declare const AccessibilityInfo: typeof AccessibilityInfo_2;
-      export declare type AccessibilityInfo = typeof AccessibilityInfo;
-    `;
 
-    const newSnapshot = `
-      import * as React from 'react';
-      export declare type AccessibilityInfo = typeof AccessibilityInfo;
-      export declare const AccessibilityInfo: typeof AccessibilityInfo_2;
-    `;
-
-    const res = diffApiSnapshot(prevSnapshot, newSnapshot);
+    const res = diffApiSnapshot(prevSnapshot, prevSnapshot);
     expect(res.result).toBe(Result.NON_BREAKING);
     expect(res.changedApis).toEqual([]);
   });