From b88d36819970b6868dff2c78c12da6879f6fe0eb Mon Sep 17 00:00:00 2001 From: Eli White Date: Wed, 20 Feb 2019 10:22:31 -0800 Subject: [PATCH 1/2] Use the canonical nativeTag for Fabric's setNativeProps --- packages/react-native-renderer/src/ReactNativeComponent.js | 3 ++- .../src/__tests__/ReactFabric-test.internal.js | 1 + .../src/__tests__/ReactNativeMount-test.internal.js | 1 + 3 files changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/react-native-renderer/src/ReactNativeComponent.js b/packages/react-native-renderer/src/ReactNativeComponent.js index 5afdbf040431..6f13dfa0e62f 100644 --- a/packages/react-native-renderer/src/ReactNativeComponent.js +++ b/packages/react-native-renderer/src/ReactNativeComponent.js @@ -153,6 +153,7 @@ export default function( return; } + const nativeTag = maybeInstance._nativeTag || maybeInstance.canonical._nativeTag; const viewConfig: ReactNativeBaseComponentViewConfig<> = maybeInstance.viewConfig || maybeInstance.canonical.viewConfig; @@ -163,7 +164,7 @@ export default function( // view invalidation for certain components (eg RCTTextInput) on iOS. if (updatePayload != null) { UIManager.updateView( - maybeInstance._nativeTag, + nativeTag, viewConfig.uiViewClassName, updatePayload, ); diff --git a/packages/react-native-renderer/src/__tests__/ReactFabric-test.internal.js b/packages/react-native-renderer/src/__tests__/ReactFabric-test.internal.js index 536bb128e0f6..74a054569bbf 100644 --- a/packages/react-native-renderer/src/__tests__/ReactFabric-test.internal.js +++ b/packages/react-native-renderer/src/__tests__/ReactFabric-test.internal.js @@ -189,6 +189,7 @@ describe('ReactFabric', () => { viewRef.setNativeProps({foo: 'baz'}); expect(UIManager.updateView).toHaveBeenCalledTimes(1); + expect(UIManager.updateView).toHaveBeenCalledWith(expect.any(Number), 'RCTView', {foo: 'baz'}); }); }); diff --git a/packages/react-native-renderer/src/__tests__/ReactNativeMount-test.internal.js b/packages/react-native-renderer/src/__tests__/ReactNativeMount-test.internal.js index 3921aa1eb675..8c56b4dae25d 100644 --- a/packages/react-native-renderer/src/__tests__/ReactNativeMount-test.internal.js +++ b/packages/react-native-renderer/src/__tests__/ReactNativeMount-test.internal.js @@ -120,6 +120,7 @@ describe('ReactNative', () => { viewRef.setNativeProps({foo: 'baz'}); expect(UIManager.updateView).toHaveBeenCalledTimes(1); + expect(UIManager.updateView).toHaveBeenCalledWith(expect.any(Number), 'RCTView', {foo: 'baz'}); }); }); From 534592b41dfca4d93414571591905f57746f57f6 Mon Sep 17 00:00:00 2001 From: Eli White Date: Wed, 20 Feb 2019 10:44:14 -0800 Subject: [PATCH 2/2] Fix prettier --- packages/react-native-renderer/src/ReactNativeComponent.js | 3 ++- .../src/__tests__/ReactFabric-test.internal.js | 6 +++++- .../src/__tests__/ReactNativeMount-test.internal.js | 6 +++++- 3 files changed, 12 insertions(+), 3 deletions(-) diff --git a/packages/react-native-renderer/src/ReactNativeComponent.js b/packages/react-native-renderer/src/ReactNativeComponent.js index 6f13dfa0e62f..f03e8f7ddf7f 100644 --- a/packages/react-native-renderer/src/ReactNativeComponent.js +++ b/packages/react-native-renderer/src/ReactNativeComponent.js @@ -153,7 +153,8 @@ export default function( return; } - const nativeTag = maybeInstance._nativeTag || maybeInstance.canonical._nativeTag; + const nativeTag = + maybeInstance._nativeTag || maybeInstance.canonical._nativeTag; const viewConfig: ReactNativeBaseComponentViewConfig<> = maybeInstance.viewConfig || maybeInstance.canonical.viewConfig; diff --git a/packages/react-native-renderer/src/__tests__/ReactFabric-test.internal.js b/packages/react-native-renderer/src/__tests__/ReactFabric-test.internal.js index 74a054569bbf..e363a9fed558 100644 --- a/packages/react-native-renderer/src/__tests__/ReactFabric-test.internal.js +++ b/packages/react-native-renderer/src/__tests__/ReactFabric-test.internal.js @@ -189,7 +189,11 @@ describe('ReactFabric', () => { viewRef.setNativeProps({foo: 'baz'}); expect(UIManager.updateView).toHaveBeenCalledTimes(1); - expect(UIManager.updateView).toHaveBeenCalledWith(expect.any(Number), 'RCTView', {foo: 'baz'}); + expect(UIManager.updateView).toHaveBeenCalledWith( + expect.any(Number), + 'RCTView', + {foo: 'baz'}, + ); }); }); diff --git a/packages/react-native-renderer/src/__tests__/ReactNativeMount-test.internal.js b/packages/react-native-renderer/src/__tests__/ReactNativeMount-test.internal.js index 8c56b4dae25d..42c999f77f50 100644 --- a/packages/react-native-renderer/src/__tests__/ReactNativeMount-test.internal.js +++ b/packages/react-native-renderer/src/__tests__/ReactNativeMount-test.internal.js @@ -120,7 +120,11 @@ describe('ReactNative', () => { viewRef.setNativeProps({foo: 'baz'}); expect(UIManager.updateView).toHaveBeenCalledTimes(1); - expect(UIManager.updateView).toHaveBeenCalledWith(expect.any(Number), 'RCTView', {foo: 'baz'}); + expect(UIManager.updateView).toHaveBeenCalledWith( + expect.any(Number), + 'RCTView', + {foo: 'baz'}, + ); }); });