Create E2E tests for Component Generators

Summary:
## Rationale
- We actually don't have E2E tests that test the parser + generator together, until now.
- **Documentation Value:** These tests show how the Component Spec files in [react-native-codegen/e2e/__test_fixtures__/](https://www.internalfb.com/code/fbsource/[e32a790dfa05]/xplat/js/react-native-github/packages/react-native-codegen/e2e/__test_fixtures__/components/) map to all the different types of codegen output.

Changelog: [Internal]

Reviewed By: sshic

Differential Revision: D32081445

fbshipit-source-id: 02cd17945ef63a42381d6d4adbd0a9b0eaa2a1ef

Author: RSNara

packages/react-native-codegen/e2e/__test_fixtures__/components/ArrayPropsNativeComponent.js

@@ -8,10 +8,7 @@
  * @flow strict-local
  */
 
-import type {
-  PointValue,
-  EdgeInsetsValue,
-} from '../../../../../Libraries/StyleSheet/StyleSheetTypes';
+import type {PointValue} from '../../../../../Libraries/StyleSheet/StyleSheetTypes';
 import type {ColorValue} from '../../../../../Libraries/StyleSheet/StyleSheet';
 import type {ImageSource} from '../../../../../Libraries/Image/ImageSource';
 import type {
@@ -34,7 +31,8 @@ type NativeProps = $ReadOnly<{|
   colors?: $ReadOnlyArray<ColorValue>,
   srcs?: $ReadOnlyArray<ImageSource>,
   points?: $ReadOnlyArray<PointValue>,
-  edgeInsets?: $ReadOnlyArray<EdgeInsetsValue>,
+  // TODO(T104760003) Fix EdgeInsetsValue in codegen
+  // edgeInsets?: $ReadOnlyArray<EdgeInsetsValue>,
   sizes?: WithDefault<$ReadOnlyArray<'small' | 'large'>, 'small'>,
   object?: $ReadOnlyArray<$ReadOnly<{|prop: string|}>>,
 |}>;

packages/react-native-codegen/e2e/__test_fixtures__/components/EdgeInsetsPropNativeComponent.js

@@ -8,7 +8,6 @@
  * @flow strict-local
  */
 
-import type {EdgeInsetsValue} from '../../../../../Libraries/StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../../../../../Libraries/Components/View/ViewPropTypes';
 import codegenNativeComponent from '../../../../../Libraries/Utilities/codegenNativeComponent';
 import type {HostComponent} from '../../../../../Libraries/Renderer/shims/ReactNativeTypes';
@@ -17,7 +16,8 @@ type NativeProps = $ReadOnly<{|
   ...ViewProps,
 
   // Props
-  contentInset?: EdgeInsetsValue,
+  // TODO(T104760003) Fix EdgeInsetsValue in codegen
+  // contentInset?: EdgeInsetsValue,
 |}>;
 
 export default (codegenNativeComponent<NativeProps>(

packages/react-native-codegen/e2e/__tests__/components/GenerateComponentDescriptorH-test.js

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const parser = require('../../../src/parsers/flow');
+const generator = require('../../../src/generators/components/GenerateComponentDescriptorH');
+const fs = require('fs');
+
+const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
+
+const fixtures = fs.readdirSync(FIXTURE_DIR);
+
+fixtures.forEach(fixture => {
+  it(`GenerateComponentDescriptorH can generate for '${fixture}'`, () => {
+    const libName = 'RNCodegenModuleFixtures';
+    const schema = parser.parseFile(`${FIXTURE_DIR}/${fixture}`);
+    const output = generator.generate(libName, schema);
+    expect(Object.fromEntries(output)).toMatchSnapshot();
+  });
+});

packages/react-native-codegen/e2e/__tests__/components/GenerateComponentHObjCpp-test.js

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const parser = require('../../../src/parsers/flow');
+const generator = require('../../../src/generators/components/GenerateComponentHObjCpp');
+const fs = require('fs');
+
+const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
+
+const fixtures = fs.readdirSync(FIXTURE_DIR);
+
+fixtures.forEach(fixture => {
+  it(`GenerateComponentHObjCpp can generate for '${fixture}'`, () => {
+    const libName = 'RNCodegenModuleFixtures';
+    const schema = parser.parseFile(`${FIXTURE_DIR}/${fixture}`);
+    const output = generator.generate(libName, schema);
+    expect(Object.fromEntries(output)).toMatchSnapshot();
+  });
+});

packages/react-native-codegen/e2e/__tests__/components/GenerateEventEmitterCpp-test.js

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const parser = require('../../../src/parsers/flow');
+const generator = require('../../../src/generators/components/GenerateEventEmitterCpp');
+const fs = require('fs');
+
+const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
+
+const fixtures = fs.readdirSync(FIXTURE_DIR);
+
+fixtures.forEach(fixture => {
+  it(`GenerateEventEmitterCpp can generate for '${fixture}'`, () => {
+    const libName = 'RNCodegenModuleFixtures';
+    const schema = parser.parseFile(`${FIXTURE_DIR}/${fixture}`);
+    const output = generator.generate(libName, schema);
+    expect(Object.fromEntries(output)).toMatchSnapshot();
+  });
+});

packages/react-native-codegen/e2e/__tests__/components/GenerateEventEmitterH-test.js

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const parser = require('../../../src/parsers/flow');
+const generator = require('../../../src/generators/components/GenerateEventEmitterH');
+const fs = require('fs');
+
+const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
+
+const fixtures = fs.readdirSync(FIXTURE_DIR);
+
+fixtures.forEach(fixture => {
+  it(`GenerateEventEmitterH can generate for '${fixture}'`, () => {
+    const libName = 'RNCodegenModuleFixtures';
+    const schema = parser.parseFile(`${FIXTURE_DIR}/${fixture}`);
+    const output = generator.generate(libName, schema);
+    expect(Object.fromEntries(output)).toMatchSnapshot();
+  });
+});

packages/react-native-codegen/e2e/__tests__/components/GeneratePropsCpp-test.js

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const parser = require('../../../src/parsers/flow');
+const generator = require('../../../src/generators/components/GeneratePropsCpp');
+const fs = require('fs');
+
+const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
+
+const fixtures = fs.readdirSync(FIXTURE_DIR);
+
+fixtures.forEach(fixture => {
+  it(`GeneratePropsCpp can generate for '${fixture}'`, () => {
+    const libName = 'RNCodegenModuleFixtures';
+    const schema = parser.parseFile(`${FIXTURE_DIR}/${fixture}`);
+    const output = generator.generate(libName, schema);
+    expect(Object.fromEntries(output)).toMatchSnapshot();
+  });
+});

packages/react-native-codegen/e2e/__tests__/components/GeneratePropsH-test.js

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const parser = require('../../../src/parsers/flow');
+const generator = require('../../../src/generators/components/GeneratePropsH');
+const fs = require('fs');
+
+const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
+
+const fixtures = fs.readdirSync(FIXTURE_DIR);
+
+fixtures.forEach(fixture => {
+  it(`GeneratePropsH can generate for '${fixture}'`, () => {
+    const libName = 'RNCodegenModuleFixtures';
+    const schema = parser.parseFile(`${FIXTURE_DIR}/${fixture}`);
+    const output = generator.generate(libName, schema);
+    expect(Object.fromEntries(output)).toMatchSnapshot();
+  });
+});

packages/react-native-codegen/e2e/__tests__/components/GeneratePropsJavaDelegate-test.js

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const parser = require('../../../src/parsers/flow');
+const generator = require('../../../src/generators/components/GeneratePropsJavaDelegate');
+const fs = require('fs');
+
+const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
+
+const fixtures = fs.readdirSync(FIXTURE_DIR);
+
+fixtures.forEach(fixture => {
+  it(`GeneratePropsJavaDelegate can generate for '${fixture}'`, () => {
+    const libName = 'RNCodegenModuleFixtures';
+    const schema = parser.parseFile(`${FIXTURE_DIR}/${fixture}`);
+    const output = generator.generate(libName, schema);
+    expect(Object.fromEntries(output)).toMatchSnapshot();
+  });
+});

packages/react-native-codegen/e2e/__tests__/components/GeneratePropsJavaInterface-test.js

@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const parser = require('../../../src/parsers/flow');
+const generator = require('../../../src/generators/components/GeneratePropsJavaInterface');
+const fs = require('fs');
+
+const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
+const fixtures = fs.readdirSync(FIXTURE_DIR);
+
+fixtures.forEach(fixture => {
+  it(`GeneratePropsJavaInterface can generate for '${fixture}'`, () => {
+    const libName = 'RNCodegenModuleFixtures';
+    const schema = parser.parseFile(`${FIXTURE_DIR}/${fixture}`);
+    const output = generator.generate(libName, schema, undefined, false);
+    expect(Object.fromEntries(output)).toMatchSnapshot();
+  });
+});