react-navigation-drawer/lib/module/navigators/__tests__/createDrawerNavigator.test.js

Drawer navigator component for React Navigation

import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _createClass from"@babel/runtime/helpers/createClass";import _possibleConstructorReturn from"@babel/runtime/helpers/possibleConstructorReturn";import _getPrototypeOf from"@babel/runtime/helpers/getPrototypeOf";import _inherits from"@babel/runtime/helpers/inherits";var _jsxFileName="/Users/satya/Workspace/Callstack/drawer/src/navigators/__tests__/createDrawerNavigator.test.tsx";import*as React from'react';import{View}from'react-native';import{render}from'react-native-testing-library';import{createAppContainer}from'react-navigation';import createDrawerNavigator from'../createDrawerNavigator';var HomeScreen=function(_React$Component){_inherits(HomeScreen,_React$Component);function HomeScreen(){_classCallCheck(this,HomeScreen);return _possibleConstructorReturn(this,_getPrototypeOf(HomeScreen).apply(this,arguments));}_createClass(HomeScreen,[{key:"render",value:function render(){return React.createElement(View,{style:{flex:1},__source:{fileName:_jsxFileName,lineNumber:17}});}}]);return HomeScreen;}(React.Component);HomeScreen.navigationOptions=function(_ref){var navigation=_ref.navigation;return{title:"Welcome "+(navigation.state.params?navigation.state.params.user:'anonymous'),gesturesEnabled:true};};it('renders successfully',function(){var MyDrawerNavigator=createDrawerNavigator({Home:HomeScreen});var App=createAppContainer(MyDrawerNavigator);var rendered=render(React.createElement(App,{__source:{fileName:_jsxFileName,lineNumber:24}})).toJSON();expect(rendered).toMatchInlineSnapshot("\n    <View\n      collapsable={false}\n      onGestureHandlerEvent={[Function]}\n      onGestureHandlerStateChange={[Function]}\n      onLayout={[Function]}\n      style={\n        Object {\n          \"flex\": 1,\n          \"overflow\": \"hidden\",\n        }\n      }\n    >\n      <View\n        style={\n          Object {\n            \"flex\": 1,\n            \"transform\": Array [\n              Object {\n                \"translateX\": 0,\n              },\n            ],\n          }\n        }\n      >\n        <View\n          style={\n            Object {\n              \"flex\": 1,\n            }\n          }\n        >\n          <View\n            collapsable={false}\n            pointerEvents=\"auto\"\n            removeClippedSubviews={false}\n            style={\n              Array [\n                Object {\n                  \"flex\": 1,\n                  \"overflow\": \"hidden\",\n                },\n                Array [\n                  Object {\n                    \"bottom\": 0,\n                    \"left\": 0,\n                    \"position\": \"absolute\",\n                    \"right\": 0,\n                    \"top\": 0,\n                  },\n                  Object {\n                    \"opacity\": 1,\n                  },\n                ],\n              ]\n            }\n          >\n            <View\n              style={\n                Object {\n                  \"flex\": 1,\n                }\n              }\n            >\n              <View\n                style={\n                  Object {\n                    \"flex\": 1,\n                  }\n                }\n              />\n            </View>\n          </View>\n        </View>\n        <View\n          collapsable={false}\n          onGestureHandlerEvent={[Function]}\n          onGestureHandlerStateChange={[Function]}\n          style={\n            Object {\n              \"backgroundColor\": \"rgba(0, 0, 0, 0.5)\",\n              \"bottom\": 0,\n              \"left\": 0,\n              \"opacity\": undefined,\n              \"position\": \"absolute\",\n              \"right\": 0,\n              \"top\": 0,\n              \"zIndex\": undefined,\n            }\n          }\n        />\n      </View>\n      <View\n        accessibilityViewIsModal={false}\n        onLayout={[Function]}\n        removeClippedSubviews={false}\n        style={\n          Object {\n            \"backgroundColor\": \"#fff\",\n            \"bottom\": 0,\n            \"left\": undefined,\n            \"maxWidth\": \"100%\",\n            \"opacity\": Object {},\n            \"position\": \"absolute\",\n            \"top\": 0,\n            \"transform\": Array [\n              Object {\n                \"translateX\": undefined,\n              },\n            ],\n            \"width\": 320,\n            \"zIndex\": 0,\n          }\n        }\n      >\n        <View\n          style={\n            Array [\n              Object {\n                \"flex\": 1,\n              },\n              undefined,\n            ]\n          }\n        >\n          <RCTScrollView\n            alwaysBounceVertical={false}\n          >\n            <View>\n              <View\n                onLayout={[Function]}\n                pointerEvents=\"box-none\"\n                style={\n                  Object {\n                    \"paddingBottom\": 0,\n                    \"paddingLeft\": 0,\n                    \"paddingRight\": 0,\n                    \"paddingTop\": 20,\n                  }\n                }\n              >\n                <View\n                  style={\n                    Array [\n                      Object {\n                        \"paddingVertical\": 4,\n                      },\n                      undefined,\n                    ]\n                  }\n                >\n                  <View\n                    accessibilityLabel=\"Welcome anonymous\"\n                    accessible={true}\n                    isTVSelectable={true}\n                    onResponderGrant={[Function]}\n                    onResponderMove={[Function]}\n                    onResponderRelease={[Function]}\n                    onResponderTerminate={[Function]}\n                    onResponderTerminationRequest={[Function]}\n                    onStartShouldSetResponder={[Function]}\n                    style={\n                      Object {\n                        \"opacity\": 1,\n                      }\n                    }\n                  >\n                    <View\n                      onLayout={[Function]}\n                      pointerEvents=\"box-none\"\n                      style={\n                        Object {\n                          \"alignItems\": \"center\",\n                          \"backgroundColor\": \"rgba(0, 0, 0, .04)\",\n                          \"flexDirection\": \"row\",\n                          \"paddingBottom\": 0,\n                          \"paddingLeft\": 0,\n                          \"paddingRight\": 0,\n                          \"paddingTop\": 0,\n                        }\n                      }\n                    >\n                      <Text\n                        style={\n                          Array [\n                            Object {\n                              \"fontWeight\": \"bold\",\n                              \"margin\": 16,\n                            },\n                            Object {\n                              \"color\": \"#2196f3\",\n                            },\n                            undefined,\n                            undefined,\n                          ]\n                        }\n                      >\n                        Welcome anonymous\n                      </Text>\n                    </View>\n                  </View>\n                </View>\n              </View>\n            </View>\n          </RCTScrollView>\n        </View>\n      </View>\n    </View>\n  ");});
//# sourceMappingURL=createDrawerNavigator.test.js.map