mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Bruno Castro
c4e40b81c0
Summary:
Since TouchableHighlight and TouchableOpacity are being exported using `forwardRef`, it's messing up jest's snapshots and some matchers.
This commit 4b935ae95f fixed this for components being mocked on [setup.js](https://github.com/facebook/react-native/blob/master/jest/setup.js). However, these Touchables aren't being mocked.
It resolves https://github.com/facebook/react-native/issues/27721
## Changelog
[General] [Added] - Add displayName to TouchableHighlight and TouchableOpacity
Pull Request resolved: https://github.com/facebook/react-native/pull/29531
Test Plan: Check the new snapshots.
Reviewed By: kacieb
Differential Revision: D27485269
Pulled By: yungsters
fbshipit-source-id: ba2082a4ae9f97ebe93ba92971d58c9195bdf26d
34 lines
815 B
JavaScript
34 lines
815 B
JavaScript
/**
|
|
* 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.
|
|
*
|
|
* @format
|
|
* @emails oncall+react_native
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const React = require('react');
|
|
const Text = require('../../../Text/Text');
|
|
const TouchableOpacity = require('../TouchableOpacity');
|
|
|
|
const render = require('../../../../jest/renderer');
|
|
|
|
describe('TouchableOpacity', () => {
|
|
it('renders correctly', () => {
|
|
const instance = render.create(
|
|
<TouchableOpacity style={{}}>
|
|
<Text>Touchable</Text>
|
|
</TouchableOpacity>,
|
|
);
|
|
|
|
expect(instance.toJSON()).toMatchSnapshot();
|
|
});
|
|
|
|
it('has displayName', () => {
|
|
expect(TouchableOpacity.displayName).toEqual('TouchableOpacity');
|
|
});
|
|
});
|