react-native-cross-components
Version:
Beautiful React-Native components using RN Paper by Callstack
1 lines • 4.76 kB
Source Map (JSON)
{"file":"/Users/thomas/Source/react-native-core/source/components/input/CrossEditor.test.tsx","mappings":";;;;;AAsBA,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;AAC5B,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;AAvB7B,uGAAuG;AACvG,kDAA0B;AAC1B,+CAA+D;AAC/D,8EAA+C;AAG/C,SAAS,KAAK,CACZ,KAA0B,EAC1B,KAA0B,EAC1B,YAAoC,EACpC,SAA8B;IAE9B,OAAO,6BAAY,CAAC,MAAM,CACxB,8BAAC,yBAAW,IACV,KAAK,EAAE,KAAK,IAAI,MAAM,EACtB,YAAY,EAAE,YAAY,IAAI,IAAI,CAAC,EAAE,EAAE,EACvC,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,IAAI,WAAW,GAC3B,CACH,CAAC;AACJ,CAAC;AAKD;;;;;;KAMK;AACL,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;QAC/B,QAAQ,CAAC,+BAA+B,EAAE,GAAG,EAAE;YAC7C,MAAM,SAAS,GAAsB,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;YACvD,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;gBAC/B,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;YACtC,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;gBAC5D,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,CAAC;YAC9C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;YAC9C,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;gBACjC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;gBACxB,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;YAC7C,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;gBAC9D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;gBACxB,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;gBAC7D,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;YAEH,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;gBACzD,IAAI,OAAO,GAAuB,SAAS,CAAC;gBAC5C,MAAM,OAAO,GAAG,QAAQ,CAAC;gBACzB,MAAM,SAAS,GAAuB,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;gBAC3D,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC;gBAElD,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;gBAC7D,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;gBACpC,yCAAyC;gBACzC,MAAM,QAAQ,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;gBAChD,IAAI,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE;oBACrC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;iBAChC;gBAED,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","names":[],"sources":["/Users/thomas/Source/react-native-core/source/components/input/CrossEditor.test.tsx"],"sourcesContent":["// https://itnext.io/testing-react-16-3-components-with-react-test-renderer-without-enzyme-d9c65d689e88\nimport React from 'react';\nimport { ICrossEditorProps, CrossEditor } from './CrossEditor';\nimport TestRenderer from 'react-test-renderer';\nimport { TextInputMaskProps } from 'react-native-masked-text';\n\nfunction setup(\n label?: string | undefined,\n value?: string | undefined,\n onChangeText?: (val: string) => void,\n maskProps?: TextInputMaskProps\n) {\n return TestRenderer.create(\n <CrossEditor\n label={label || 'Test'}\n onChangeText={onChangeText || jest.fn()}\n maskProps={maskProps}\n value={value || 'Textvalue'}\n />\n );\n}\n\njest.unmock('react-native');\njest.unmock('./CrossEditor');\n\n/**\n * Test component rendering. Properties of children might be tested by importing their type:\n *```\n const btn = wrapper.root.findByType(Button); // or findByProps({ mode: 'text' });\n expect(btn.props.title).toBe('child');\n ```\n */\ndescribe('components', () => {\n describe('<CrossEditor />', () => {\n describe('`ICrossEditorProps` interface', () => {\n const propsMock: ICrossEditorProps = { label: 'Test' };\n it('Should match snapshot', () => {\n expect(propsMock).toMatchSnapshot();\n });\n\n it('Should have `maskProps` property that is undefined', () => {\n expect(propsMock.maskProps).toBeUndefined();\n });\n });\n\n describe('With `label` property provided', () => {\n it('Component should render', () => {\n const wrapper = setup();\n expect(wrapper.toJSON()).toMatchSnapshot();\n });\n\n it('Should have paper <TextInput /> with mode \"outlined\"', () => {\n const wrapper = setup();\n const child = wrapper.root.findByProps({ mode: 'outlined' });\n expect(child.type).toEqual('TextInput');\n });\n\n it('<TextInputMask /> onChangeText should be called', () => {\n let gotText: string | undefined = undefined;\n const textVal = '111333';\n const maskProps: TextInputMaskProps = { type: 'zip-code' };\n const onCalled = (val: string) => (gotText = val);\n\n const wrapper = setup('Click test', '', onCalled, maskProps);\n wrapper.root.findByProps(maskProps);\n // @ts-ignore - strict null check ignored\n const instance = wrapper.getInstance().instance;\n if (instance && instance.onChangeText) {\n instance.onChangeText(textVal);\n }\n\n expect(gotText).toEqual(textVal);\n });\n });\n });\n});\n"],"version":3}