remove createrReactClass from SizeFlexibilityUpdateTest (#21715)

Summary:
Related to #21581 .
Removed createReactClass from the IntegrationTests/SizeFlexibilityUpdateTest.js

 - [x] npm run prettier
 - [x] npm run flow-check-ios
 - [x] npm run flow-check-android

[GENERAL] [ENHANCEMENT] [IntegrationTests/SizeFlexibilityUpdateTest.js] - remove createReactClass dependency
Pull Request resolved: https://github.com/facebook/react-native/pull/21715

Reviewed By: TheSavior

Differential Revision: D10341543

Pulled By: RSNara

fbshipit-source-id: 748f9a0176b6cd865d956df774f6dec1ead21562
This commit is contained in:
nd-02110114 2018-10-16 16:17:00 -07:00 committed by Facebook Github Bot
parent 89850583f4
commit bb6a69075b
1 changed files with 22 additions and 16 deletions

View File

@ -11,7 +11,6 @@
'use strict';
const React = require('react');
const createReactClass = require('create-react-class');
const ReactNative = require('react-native');
const RCTNativeAppEventEmitter = require('RCTNativeAppEventEmitter');
const {View} = ReactNative;
@ -24,29 +23,38 @@ const reactViewHeight = 222;
let finalState = false;
const SizeFlexibilityUpdateTest = createReactClass({
displayName: 'SizeFlexibilityUpdateTest',
_subscription: (null: ?EmitterSubscription),
type Props = $ReadOnly<{|
width: boolean,
height: boolean,
both: boolean,
none: boolean,
|}>;
UNSAFE_componentWillMount: function() {
class SizeFlexibilityUpdateTest extends React.Component<Props> {
_subscription: ?EmitterSubscription = null;
UNSAFE_componentWillMount() {
this._subscription = RCTNativeAppEventEmitter.addListener(
'rootViewDidChangeIntrinsicSize',
this.rootViewDidChangeIntrinsicSize,
);
},
}
componentWillUnmount: function() {
componentWillUnmount() {
if (this._subscription != null) {
this._subscription.remove();
}
},
}
markPassed: function() {
markPassed = () => {
TestModule.markTestPassed(true);
finalState = true;
},
};
rootViewDidChangeIntrinsicSize: function(intrinsicSize) {
rootViewDidChangeIntrinsicSize = (intrinsicSize: {
width: number,
height: number,
}) => {
if (finalState) {
// If a test reaches its final state, it is not expected to do anything more
TestModule.markTestPassed(false);
@ -89,13 +97,11 @@ const SizeFlexibilityUpdateTest = createReactClass({
return;
}
}
},
};
render() {
return <View style={{height: reactViewHeight, width: reactViewWidth}} />;
},
});
SizeFlexibilityUpdateTest.displayName = 'SizeFlexibilityUpdateTest';
}
}
module.exports = SizeFlexibilityUpdateTest;