react-native/Libraries/Lists/__tests__
m30do ae60ae4074 fix ItemSeparatorComponent position in horizontal and inverted mode
Summary:
<!--
Thank you for sending the PR! We appreciate you spending the time to work on these changes.

Help us understand your motivation by explaining why you decided to make this change.

You can learn more about contributing to React Native here: http://facebook.github.io/react-native/docs/contributing.html

Happy contributing!

-->

There's a positioning bug in `VirtualizedList` when `ItemSeparatorComponent` is defined for a list in horizontal or inverted mode. And also we face this bug in `FlatList`, because it is using `VirtualizedList` to render lists.
This commit will fix the [#15777](https://github.com/facebook/react-native/issues/15777).

Before fix:
```
<FlatList
  ...
  horizontal={true}
  inverted={true}
  ...
/>
```

![image](https://user-images.githubusercontent.com/15084663/30205251-95f14c70-949d-11e7-85e9-7a3304a52818.png)

```
<FlatList
  ...
  horizontal={true}
  inverted={false}
  ...
/>
```
![image](https://user-images.githubusercontent.com/15084663/30205411-f01d27b4-949d-11e7-991e-00aeae0c01e0.png)

I ran this code with all possible values of `horizontal` and `inverted` props in `FlatList` and `VirtualizedList` and the results of each run was as below:
After fix bug:

```
<FlatList
  ...
  horizontal={true}
  inverted={false}
  ...
/>
```
![image](https://user-images.githubusercontent.com/15084663/30205498-323bcf60-949e-11e7-8ba0-465614ea5cf2.png)

```
<FlatList
  ...
  horizontal={true}
  inverted={true}
  ...
/>
```
![image](https://user-images.githubusercontent.com/15084663/30205543-5274f612-949e-11e7-9660-bbdf8194cd27.png)
Closes https://github.com/facebook/react-native/pull/15865

Differential Revision: D5797266

Pulled By: hramos

fbshipit-source-id: 7d44fa797dbd9e83eb2bdd7833e9dd9707d9d822
2017-09-08 15:06:50 -07:00
..
__snapshots__ fix ItemSeparatorComponent position in horizontal and inverted mode 2017-09-08 15:06:50 -07:00
FillRateHelper-test.js remove disableAutomock from jest tests (new default) @bypass-lint 2017-06-13 15:04:09 -07:00
FlatList-test.js remove disableAutomock from jest tests (new default) @bypass-lint 2017-06-13 15:04:09 -07:00
SectionList-test.js Codemod prettier to 1.5.2 2017-06-28 12:50:30 -07:00
ViewabilityHelper-test.js Extend FlatList to support multiple viewability configs 2017-09-05 18:51:25 -07:00
VirtualizeUtils-test.js remove disableAutomock from jest tests (new default) @bypass-lint 2017-06-13 15:04:09 -07:00
VirtualizedList-test.js Codemod prettier to 1.5.2 2017-06-28 12:50:30 -07:00