Add memoized React component test

Author: yuqu

test/__snapshots__/propType.test.ts.snap

@@ -50,6 +50,38 @@ Object {
 }
 `;
 
+exports[`Connected Components React Plugin - PropTypes ComponentWithMemoization.jsx snippet creation 1`] = `
+Object {
+ "description": "Component description.",
+ "lang": "jsx",
+ "snippet": "<MyComponent
+ optionalArray={array}
+ optionalBool={bool}
+ optionalFunc={func}
+ optionalNumber={number}
+ optionalObject={object}
+ optionalString={string}
+ optionalSymbol={symbol}
+ optionalNode={node}
+ optionalElement={element}
+ optionalElementType={elementType}
+ optionalFoo={instanceOf(Foo)}
+ optionalEnum={enum}
+ optionalUnion={union[string|number|instanceOf(Foo)}]
+ optionalArrayOf={arrayOf[number]}
+ optionalObjectOf={objectOf[number]}
+ optionalObjectWithShape={shape}
+ optionalObjectWithStrictShape={exact}
+ requiredFunc={func}
+ requiredAny={any}
+ customProp={() => {}}
+ customArrayProp={arrayOf[custom]}
+ customObjectOfProp={objectOf[custom]}>
+ {children}
+</MyComponent>",
+}
+`;
+
 exports[`Connected Components React Plugin - PropTypes ComponentWithProps.jsx snippet creation 1`] = `
 Object {
  "description": "Component description.",

test/propType.test.ts

@@ -53,12 +53,12 @@ describe("Connected Components React Plugin - PropTypes", () => {
  expect(componentCode).toMatchSnapshot();
  });
 
- test.skip("FlowType.jsx snippet creation", async () => {
+ test("ComponentWithMemoization.jsx snippet creation", async () => {
  const processor = new Plugin();
 
  const componentCode = await processor.process(
  {
- path: "test/samples/TSType.tsx",
+ path: "test/samples/ComponentWithMemoization.jsx",
  zeplinNames: []
  }
  );

test/samples/ComponentWithMemoization.jsx

@@ -0,0 +1,51 @@
+import PropTypes from "prop-types";
+
+class Foo {}
+
+/** Component description. */
+class MyComponent extends React.Component {
+ render() {
+ return "";
+ }
+}
+// All examples of propTypes listed official documentation
+MyComponent.propTypes = {
+ children: PropTypes.element.isRequired,
+ optionalArray: PropTypes.array,
+ optionalBool: PropTypes.bool,
+ optionalFunc: PropTypes.func,
+ optionalNumber: PropTypes.number,
+ optionalObject: PropTypes.object,
+ optionalString: PropTypes.string,
+ optionalSymbol: PropTypes.symbol,
+ optionalNode: PropTypes.node,
+ optionalElement: PropTypes.element,
+ optionalElementType: PropTypes.elementType,
+ optionalFoo: PropTypes.instanceOf(Foo),
+ optionalEnum: PropTypes.oneOf(["News", "Photos"]),
+ optionalUnion: PropTypes.oneOfType([
+ PropTypes.string,
+ PropTypes.number,
+ PropTypes.instanceOf(Foo)
+ ]),
+ optionalArrayOf: PropTypes.arrayOf(PropTypes.number),
+ optionalObjectOf: PropTypes.objectOf(PropTypes.number),
+ optionalObjectWithShape: PropTypes.shape({
+ color: PropTypes.string,
+ fontSize: PropTypes.number
+ }),
+ optionalObjectWithStrictShape: PropTypes.exact({
+ name: PropTypes.string,
+ quantity: PropTypes.number
+ }),
+ requiredFunc: PropTypes.func.isRequired,
+ requiredAny: PropTypes.any.isRequired,
+ customProp: () => {},
+ customArrayProp: PropTypes.arrayOf(() => {}),
+ customObjectOfProp: PropTypes.objectOf(() => {})
+};
+
+function someKindOfComparator(prevProps, nextProps) {
+}
+
+export default React.memo(MyComponent, someKindOfComparator);