Create ViewPropTypes

[newtonry]

Due to the deprecation of View.propTypes, we are now supposed to use ViewPropTypes imported from react-native. This library doesn't support that yet, so this PR adds ViewPropTypes. It should resolve issues like #139 and #132. In it, I've:

• Removed propTypes from being defined in View.js
• Created ViewPropTypes which matches https://github.com/facebook/react-native/blob/master/Libraries/Components/View/ViewPropTypes.js minus TVViewPropTypes
• I've also moved AccessibilityTraits and AccessibilityComponentTypes to a ViewAccessibility file. Let me know if this should go somewhere else.
• Expose ViewPropTypes

[parshap]

Could use the property shorthand here.

[newtonry]

There's a plurality difference here unfortunately. I made the decision to follow the pattern in react-native (https://github.com/facebook/react-native/blob/master/Libraries/Components/View/ViewAccessibility.js#L59-L64). However, I'm not super insightful about this property in statics, so I'm open to ideas.

[parshap]

Ah -- missed that. Makes sense!

[RealOrangeOne]

Great work! Looks like there's some issues in the tests on node 4, but these seem to do with dependancy issues outside this PR, so i'm happy to merge as-is.

[jcharlet]

Hi guys,
sorry for the newbie question but how to load the master branch of react-native-mock in my project?

I tried

npm install --save github:RealOrangeOne/react-native-mock#master
cd nodes_modules/react-native-mock
npm install
rm -rf nodes_modules

but it must be wrong because I get this issue after:

● Test suite failed to run

TypeError: Cannot read property 'shape' of undefined
  
  at Object.<anonymous> (node_modules/react-native-mock/build/propTypes/EdgeInsetsPropType.js:8:33)
  at Object.<anonymous> (node_modules/react-native-mock/build/propTypes/ViewPropTypes.js:6:25)
  at Object.<anonymous> (node_modules/react-native-mock/build/components/View.js:7:20)

Thanks!

[newtonry]

@jcharlet if I understand correctly you shouldn't be rm -rf nodes_modules in the nodes_modules/react-native-mock directory. Those are the dependencies that react-native-mock has. By deleting them, React(https://github.com/RealOrangeOne/react-native-mock/blob/master/src/propTypes/EdgeInsetsPropType.js#L4) is probably becoming undefined and hence, PropTypes.shape will not work.

Try it again without deleting the node_modules directory after installing the modules.

[jcharlet]

@newtonry great thanks! I had conflicts between react-native module of my project and react-native-mock (they use different versions). so I simply removed react-native from react-native-mock/node_modules (but still kept the rest) and it now works :) !

[gardner]

I am running into issues with this PR as well.

After running:
npm install --save-dev github:RealOrangeOne/react-native-mock#master

Then npm run ava

Looks like the package.json and mock.js expect a file to be present: Error: Cannot find module './build/react-native'

$ grep -H build/react-native node_modules/react-native-mock/*
node_modules/react-native-mock/mock.js:const ReactNativeMock = require('./build/react-native');
node_modules/react-native-mock/package.json:  "main": "build/react-native.js",

but there is no build/ directory relative to the files:

$ls node_modules/react-native-mock
LICENSE      README.md    mock.js      package.json src

[lucascarvalho]

@gardner same problem here, did you find a solution for this?

[khirakawa]

@gardner @lucascarvalho You need to build react-native-mock if you install it via npm install --save-dev github:RealOrangeOne/react-native-mock#master

1. cd node_modules/react-native-mock
2. Add the following to package.json

"babel": {
  "presets": [
    "airbnb",
    "react-native"
  ]
},

3. Run npm run build