test: add additional tests for new functionality

Author: joshswan

src/__tests__/Autolink.test.tsx

@@ -7,10 +7,11 @@
  */
 
 import React from 'react';
-import { Text, View } from 'react-native';
+import { Alert, Text, View } from 'react-native';
 import renderer from 'react-test-renderer';
 import { Autolink } from '../Autolink';
-import { LatLngMatcher } from '../matchers';
+import { CustomMatch } from '../CustomMatch';
+import { IntlPhoneMatcher, LatLngMatcher } from '../matchers';
 
 describe('<Autolink />', () => {
   test('renders a Text node', () => {
@@ -234,6 +235,46 @@ describe('<Autolink />', () => {
     expect(onLongPress.mock.calls[0][0]).toBe('mailto:josh%40example.com');
   });
 
+  describe('alert', () => {
+    test('displays alert before linking when showAlert prop enabled', () => {
+      const spy = jest.spyOn(Alert, 'alert').mockImplementationOnce(() => {});
+      const tree = renderer.create(<Autolink text="#awesome" hashtag="instagram" showAlert />);
+      tree.root.findAllByType(Text)[1].props.onPress();
+      expect(spy).toBeCalledTimes(1);
+      expect(spy).toBeCalledWith('Leaving App', 'Do you want to continue?', expect.any(Array));
+    });
+  });
+
+  describe('urls', () => {
+    test('uses hashtag url when pressing linked hashtag', () => {
+      const onPress = jest.fn();
+      const tree = renderer.create(
+        <Autolink text="#awesome" hashtag="instagram" onPress={onPress} />,
+      );
+      tree.root.findAllByType(Text)[1].props.onPress();
+      expect(onPress.mock.calls.length).toBe(1);
+      expect(onPress.mock.calls[0][0]).toBe('instagram://tag?name=awesome');
+    });
+
+    test('uses mention url when pressing linked mention', () => {
+      const onPress = jest.fn();
+      const tree = renderer.create(
+        <Autolink text="@twitter" mention="twitter" onPress={onPress} />,
+      );
+      tree.root.findAllByType(Text)[1].props.onPress();
+      expect(onPress.mock.calls.length).toBe(1);
+      expect(onPress.mock.calls[0][0]).toBe('twitter://user?screen_name=twitter');
+    });
+
+    test('uses phone url when pressing linked phone number', () => {
+      const onPress = jest.fn();
+      const tree = renderer.create(<Autolink text="415-555-5555" phone onPress={onPress} />);
+      tree.root.findAllByType(Text)[1].props.onPress();
+      expect(onPress.mock.calls.length).toBe(1);
+      expect(onPress.mock.calls[0][0]).toBe('tel:4155555555');
+    });
+  });
+
   /**
    * Custom matchers
    */
@@ -244,5 +285,52 @@ describe('<Autolink />', () => {
         .toJSON();
       expect(tree).toMatchSnapshot();
     });
+
+    test('calls custom onPress handlers', () => {
+      const onPress = jest.fn();
+      const tree = renderer.create(
+        <Autolink text="+14085550123" matchers={[{ ...IntlPhoneMatcher, onPress }]} />,
+      );
+      tree.root.findAllByType(Text)[1].props.onPress();
+      expect(onPress.mock.calls.length).toBe(1);
+      expect(onPress.mock.calls[0][0]).toBeInstanceOf(CustomMatch);
+    });
+
+    test('calls custom onLongPress handlers', () => {
+      const onLongPress = jest.fn();
+      const tree = renderer.create(
+        <Autolink text="+14085550123" matchers={[{ ...IntlPhoneMatcher, onLongPress }]} />,
+      );
+      tree.root.findAllByType(Text)[1].props.onLongPress();
+      expect(onLongPress.mock.calls.length).toBe(1);
+      expect(onLongPress.mock.calls[0][0]).toBeInstanceOf(CustomMatch);
+    });
+
+    test('uses getLinkText when rendering link', () => {
+      const tree = renderer
+        .create(
+          <Autolink
+            text="+14085550123"
+            matchers={[{ ...IntlPhoneMatcher, getLinkText: () => '__LINK_TEXT__' }]}
+          />,
+        )
+        .toJSON();
+      expect(tree).toMatchSnapshot();
+    });
+
+    test('uses getLinkUrl when using default onPress handler', () => {
+      const onPress = jest.fn();
+      const tree = renderer.create(
+        <Autolink
+          text="+14085550123"
+          onPress={onPress}
+          matchers={[{ ...IntlPhoneMatcher, getLinkUrl: () => '__LINK_URL__' }]}
+        />,
+      );
+      tree.root.findAllByType(Text)[1].props.onPress();
+      expect(onPress.mock.calls.length).toBe(1);
+      expect(onPress.mock.calls[0][0]).toBe('__LINK_URL__');
+      expect(onPress.mock.calls[0][1]).toBeInstanceOf(CustomMatch);
+    });
   });
 });

src/__tests__/__snapshots__/Autolink.test.tsx.snap

@@ -174,6 +174,22 @@ exports[`<Autolink /> links multiple elements individually 1`] = `
 </Text>
 `;
 
+exports[`<Autolink /> matchers uses getLinkText when rendering link 1`] = `
+<Text>
+  <Text
+    onLongPress={[Function]}
+    onPress={[Function]}
+    style={
+      Object {
+        "color": "#0E7AFE",
+      }
+    }
+  >
+    __LINK_TEXT__
+  </Text>
+</Text>
+`;
+
 exports[`<Autolink /> matchers wraps text based on supplied custom matchers 1`] = `
 <Text>
   <Text

src/__tests__/urls.test.ts

@@ -0,0 +1,89 @@
+import { EmailMatch, HashtagMatch, MentionMatch, PhoneMatch } from 'autolinker/dist/es2015';
+import { getEmailUrl, getHashtagUrl, getMentionUrl, getPhoneUrl } from '../urls';
+
+describe('urls', () => {
+  describe('getEmailUrl()', () => {
+    test('returns mailto url', () => {
+      expect(getEmailUrl(new EmailMatch({ email: 'test@example.com' } as any))).toEqual([
+        'mailto:test%40example.com',
+      ]);
+    });
+  });
+
+  describe('getHashtagUrl()', () => {
+    test('returns facebook hashtag url with fallback', () => {
+      expect(getHashtagUrl(new HashtagMatch({ hashtag: 'awesome' } as any), 'facebook')).toEqual([
+        'fb://hashtag/awesome',
+        'https://www.facebook.com/hashtag/awesome',
+      ]);
+    });
+
+    test('returns instagram hashtag url with fallback', () => {
+      expect(getHashtagUrl(new HashtagMatch({ hashtag: 'awesome' } as any), 'instagram')).toEqual([
+        'instagram://tag?name=awesome',
+        'https://www.instagram.com/explore/tags/awesome/',
+      ]);
+    });
+
+    test('returns twitter hashtag url with fallback', () => {
+      expect(getHashtagUrl(new HashtagMatch({ hashtag: 'awesome' } as any), 'twitter')).toEqual([
+        'twitter://search?query=%23awesome',
+        'https://twitter.com/hashtag/awesome',
+      ]);
+    });
+
+    test('returns matched text if service does not match any supported service', () => {
+      expect(getHashtagUrl(new HashtagMatch({ matchedText: '#awesome' } as any), false)).toEqual([
+        '#awesome',
+      ]);
+    });
+  });
+
+  describe('getMentionUrl()', () => {
+    test('returns instagram mention url with fallback', () => {
+      expect(getMentionUrl(new MentionMatch({ mention: 'username' } as any), 'instagram')).toEqual([
+        'instagram://user?username=username',
+        'https://www.instagram.com/username/',
+      ]);
+    });
+
+    test('returns soundcloud mention url', () => {
+      expect(
+        getMentionUrl(new MentionMatch({ mention: 'username' } as any), 'soundcloud'),
+      ).toEqual(['https://soundcloud.com/username']);
+    });
+
+    test('returns twitter mention url with fallback', () => {
+      expect(getMentionUrl(new MentionMatch({ mention: 'username' } as any), 'twitter')).toEqual([
+        'twitter://user?screen_name=username',
+        'https://twitter.com/username',
+      ]);
+    });
+
+    test('returns matched text if service does not match any supported service', () => {
+      expect(getMentionUrl(new MentionMatch({ matchedText: '@username' } as any), false)).toEqual([
+        '@username',
+      ]);
+    });
+  });
+
+  describe('getPhoneUrl()', () => {
+    test('returns sms/text url', () => {
+      expect(getPhoneUrl(new PhoneMatch({ number: '+14085550123' } as any), 'sms')).toEqual([
+        'sms:+14085550123',
+      ]);
+      expect(getPhoneUrl(new PhoneMatch({ number: '+14085550123' } as any), 'text')).toEqual([
+        'sms:+14085550123',
+      ]);
+    });
+
+    test('returns tel url by default', () => {
+      expect(getPhoneUrl(new PhoneMatch({ number: '+14085550123' } as any), 'tel')).toEqual([
+        'tel:+14085550123',
+      ]);
+      expect(getPhoneUrl(new PhoneMatch({ number: '+14085550123' } as any))).toEqual([
+        'tel:+14085550123',
+      ]);
+    });
+  });
+});

src/matchers/__tests__/location.test.ts

@@ -6,13 +6,36 @@
  * https://github.com/joshswan/react-native-autolink/blob/master/LICENSE
  */
 
+import { Platform } from 'react-native';
 import { LatLngMatcher } from '..';
 
 describe('Location matchers', () => {
+  let OS: string;
+
+  beforeEach(() => {
+    ({ OS } = Platform);
+  });
+
+  afterEach(() => {
+    Platform.OS = OS as any;
+  });
+
   describe('LatLngMatcher', () => {
+    const text = 'Location is 34.0522, -118.2437.';
+
     test('matches latitude/longitude pair in text', () => {
-      const text = 'Location is 34.0522, -118.2437.';
       expect(text.replace(LatLngMatcher.pattern, 'MATCH')).toBe('Location is MATCH.');
     });
+
+    test('returns appropriate link url', () => {
+      Platform.OS = 'android';
+      expect(LatLngMatcher.getLinkUrl(['34.0522, -118.2437'])).toBe(
+        'https://www.google.com/maps/search/?api=1&query=34.0522,-118.2437',
+      );
+      Platform.OS = 'ios';
+      expect(LatLngMatcher.getLinkUrl(['34.0522, -118.2437'])).toBe(
+        'http://maps.apple.com/?q=34.0522%2C%20-118.2437&ll=34.0522,-118.2437',
+      );
+    });
   });
 });

src/matchers/__tests__/phone.test.ts

@@ -20,9 +20,17 @@ describe('Phone matchers', () => {
       expect(getText('+48571775914').replace(IntlPhoneMatcher.pattern, 'MATCH')).toBe(resultText);
       expect(getText('+447487428082').replace(IntlPhoneMatcher.pattern, 'MATCH')).toBe(resultText);
     });
+
+    test('returns appropriate link url', () => {
+      expect(IntlPhoneMatcher.getLinkUrl(['+14085550123'])).toBe('tel:+14085550123');
+    });
   });
 
   describe('PhoneMatchersByCountry', () => {
+    test('returns appropriate link url', () => {
+      expect(PhoneMatchersByCountry.US.getLinkUrl(['+1 (408) 555-0123'])).toBe('tel:+14085550123');
+    });
+
     test('matches French phone numbers', () => {
       expect(getText('+33699520828').replace(PhoneMatchersByCountry.FR.pattern, 'MATCH')).toBe(
         resultText,