fix(matcher): handle cases when values don't match types (#62)

* fail the match if the textToMatch is boolean

* Add a test for picker & switch

Author: jeffreyffs

src/__tests__/misc.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button, Picker, Switch, Text, View } from 'react-native';
+import { Button, Picker, Switch, Text, View, TextInput } from 'react-native';
 import { toMatchDiffSnapshot } from 'snapshot-diff';
 
 import { cleanup, fireEvent, render } from '../';
@@ -89,3 +89,28 @@ test('it finds <Switch /> by value={false}', () => {
 
   getByDisplayValue(false);
 });
+
+test("it finds <TextInput /> by value={'hey'} when another a Switch with value={true} is present", () => {
+  const { getByDisplayValue } = render(
+    <View>
+      <Switch value={true} />
+      <TextInput value={'hey'} />
+    </View>,
+  );
+
+  getByDisplayValue('hey');
+});
+
+test("it finds <Picker /> by value={'java'} when another a Switch with value={true} is present", () => {
+  const { getByDisplayValue } = render(
+    <View>
+      <Switch value={true} />
+      <Picker selectedValue={'java'} onValueChange={itemValue => setValue(itemValue)}>
+        <Picker.Item label="Java" value="java" />
+        <Picker.Item label="JavaScript" value="js" />
+      </Picker>
+    </View>,
+  );
+
+  getByDisplayValue('java');
+});

src/lib/matches.js

@@ -1,5 +1,5 @@
 function fuzzyMatches(textToMatch, node, matcher, normalizer) {
-  if (typeof matcher === 'boolean') {
+  if (typeof matcher === 'boolean' || typeof textToMatch === 'boolean') {
     return textToMatch == matcher;
   }
 
@@ -18,7 +18,7 @@ function fuzzyMatches(textToMatch, node, matcher, normalizer) {
 }
 
 function matches(textToMatch, node, matcher, normalizer) {
-  if (typeof matcher === 'boolean') {
+  if (typeof matcher === 'boolean' || typeof textToMatch === 'boolean') {
     return textToMatch === matcher;
   }