appengine/monorail/elements/test/autolink_test.html

<!DOCTYPE html>
<title>Autolink Test</title>
<meta charset="utf-8">
<script src="/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<script src="/bower_components/web-component-tester/browser.js"></script>

<script src="/static/js/autolink.js"></script>
<script>
  'use strict';
  const components = window.__autolink.Components;
  const createIssueRefRun = window.__autolink.createIssueRefRun;
  const markupAutolinks = window.__autolink.markupAutolinks;
  suite('crbug component functions', function() {
    const {lookup, extractRefs, refRegs, replacer} = components.get('01-tracker-crbug');

    test('Extract crbug project and local ids', function() {
      let match = refRegs[0].exec('https://crbug.com/monorail/1234');
      refRegs[0].lastIndex = 0;
      let ref = extractRefs(match);
      assert.deepEqual(ref, [{projectName: 'monorail', localId: '1234'}]);
    });

    test('Replace crbug with found components', function() {
      const str = 'crbug.com/monorail/1234';
      const match = refRegs[0].exec(str);
      refRegs[0].lastIndex = 0;
      const components = {closedRefs: [{localId: 1234, projectName: 'monorail'}, {}]};
      const actualRun = replacer(match, components);
      assert.deepEqual(
          actualRun,
          [{
            tag: 'a',
            css: 'strike-through',
            href:'/p/monorail/issues/detail?id=1234',
            content: str
          }]
      );
    });

    test('Replace crbug with default project_name', function() {
      const str = 'crbug.com/1234';
      const match = refRegs[0].exec(str);
      refRegs[0].lastIndex = 0;
      const components = {openRefs: [{localId: 134}, {localId: 1234, projectName: 'chromium'}]};
      const actualRun = replacer(match, components);
      assert.deepEqual(
          actualRun,
          [{
            tag: 'a',
            href:'/p/chromium/issues/detail?id=1234',
            css:'',
            content: str
          }]
      );
    });

    test('Replace crbug with no found components', function() {
      const str = 'crbug.com/1234';
      const match = refRegs[0].exec(str);
      refRegs[0].lastIndex = 0;
      const components = {};
      const actualRun = replacer(match, components);
      assert.deepEqual(actualRun, [{content: str}]);
    });
  });

  suite('regular tracker component functions', function() {
    const {lookup, extractRefs, refRegs, replacer} = components.get('02-tracker-regular');
    const str = 'bugs=123, monorail:234 or #345 and PROJ:#456';
    const match = refRegs[0].exec(str);
    refRegs[0].lastIndex = 0;

    test('Extract tracker projects and local ids', function() {
      const actualRefs = extractRefs(match);
      assert.deepEqual(
          actualRefs,
          [{projectName: 'chromium', localId: '123'},
           {projectName: 'monorail', localId: '234'},
           {projectName: 'monorail', localId: '345'},
           {projectName: 'PROJ', localId: '456'}]);
    });

    test('Replace tracker refs.', function() {
      const components = {
        openRefs: [
          {projectName: 'monorail', localId: 888},
          {projectName: 'chromium', localId: '123'},
        ],
        closedRefs: [
          {projectName: 'proj', localId: 456},
        ]
      };
      const actualTextRuns = replacer(match, components);
      assert.deepEqual(
          actualTextRuns,
          [
            {content: 'bugs='},
            {
              tag: 'a',
              href:'/p/chromium/issues/detail?id=123',
              css: '',
              content: '123',
            },
            {content: ', '},
            {content: 'monorail:234'},
            {content: ' or '},
            {content: '#345'},
            {content: ' and '},
            {
              tag: 'a',
              href:'/p/PROJ/issues/detail?id=456',
              css: 'strike-through',
              content: 'PROJ:#456',
            },
          ]
      );
    });
  });

  suite('user email component functions', function() {
    const {lookup, extractRefs, refRegs, replacer} = components.get('03-user-emails');
    const str = 'We should ask User1@gmail.com to confirm.';
    const match = refRegs[0].exec(str);
    refRegs[0].lastIndex = 0;

    test('Extract user email', function() {
      const actualEmail = extractRefs(match, 'unusedProjectName');
      assert.equal('User1@gmail.com', actualEmail);
    });

    test('Replace existing user.', function() {
      const components = {
        users: [{email: 'user2@gmail.com'}, {email: 'user1@gmail.com'}]};
      const actualTextRun = replacer(match, components);
      assert.deepEqual(
          actualTextRun,
          [{tag: 'a', href: '/u/User1@gmail.com', content: 'User1@gmail.com'}]
      );
    });

    test('Replace non-existent user.', function() {
      const actualTextRun = replacer(match, {});
      assert.deepEqual(
          actualTextRun,
          [{
            tag: 'a',
            href: 'mailto:User1@gmail.com',
            content: 'User1@gmail.com',
          }]
      );
    });
  });

  suite('url component functions.', function() {
    const {lookup, extracRefs, refRegs, replacer} = components.get('04-urls');

    test('test short link regex string', function() {
      const shortLinkRE = refRegs[0];
      const str = 'go/shortlinks ./_go/shortlinks bo/short bo/1234  https://who/shortlinks go/hey/?wct=(go)';
      let match;
      let actualMatches = [];
      while ((match = shortLinkRE.exec(str)) !== null) {
        actualMatches.push(match[0]);
      }
      assert.deepEqual(
          actualMatches, ['go/shortlinks', 'https://who/shortlinks', 'go/hey/?wct=(go)']);
    });

    test('test numeric short linke regex string', function() {
      const shortNumLinkRE = refRegs[1];
      const str = 'go/nono omg/ohno omg/123 .cl/123 b/1234'
      let match;
      let actualMatches = [];
      while ((match = shortNumLinkRE.exec(str)) !== null) {
        actualMatches.push(match[0]);
      }
      assert.deepEqual(
          actualMatches, ['omg/123', 'b/1234']);
    });

    test('test implied link regex string', function() {
      const impliedLinkRE = refRegs[2];
      const str = 'incomplete.com .help.com hey.net/other="(blah)"';
      let match;
      let actualMatches = [];
      while ((match = impliedLinkRE.exec(str)) !== null) {
        actualMatches.push(match[0]);
      }
      assert.deepEqual(
          actualMatches, ['incomplete.com', 'hey.net/other="(blah)"']);
    });

    test('test full link regex string', function() {
      const isLinkRE = refRegs[3];
      const str = 'https://www.go.com nospacehttps://www.blah.com http://website.net/other="(}])"><)'
      let match;
      let actualMatches = [];
      while ((match = isLinkRE.exec(str)) !== null) {
        actualMatches.push(match[0]);
      }
      assert.deepEqual(
          actualMatches, ['https://www.go.com', 'http://website.net/other="(}])">']);
    });

    test('Replace URL plain text', function() {
      const match = refRegs[2].exec('link here: (website.net/other="here").');
      refRegs[2].lastIndex = 0;
      const actualTextRuns = replacer(match);
      assert.deepEqual(
          actualTextRuns,
          [{tag: 'a',
            href: 'https://website.net/other="here"',
            content: 'website.net/other="here"',
           },
           {content: ').'}]
      );
    });
  });

  suite('versioncontrol component functions.', function() {
    const {lookup, extracRefs, refRegs, replacer} = components.get('06-versioncontrol');

    test('test git hash regex', function() {
      const gitHashRE = refRegs[0];
      const str =
          'r63b72a71d5fbce6739c51c3846dd94bd62b91091 blha blah ' +
          'Revision 63b72a71d5fbce6739c51c3846dd94bd62b91091 blah balh ' +
          '63b72a71d5fbce6739c51c3846dd94bd62b91091 ' +
          'Revision63b72a71d5fbce6739c51c3846dd94bd62b91091';
      let match;
      let actualMatches = [];
      while ((match = gitHashRE.exec(str)) !== null) {
        actualMatches.push(match[0]);
      }
      assert.deepEqual(
          actualMatches, [
            'r63b72a71d5fbce6739c51c3846dd94bd62b91091',
            'Revision 63b72a71d5fbce6739c51c3846dd94bd62b91091',
            '63b72a71d5fbce6739c51c3846dd94bd62b91091',
          ]);
    });

    test('test svn regex', function() {
      const svnRE = refRegs[1];
      const str =
          'r1234 blah blah ' +
          'Revision 123456 blah balh ' +
          'r12345678' +
          '1234';
      let match;
      let actualMatches = [];
      while ((match = svnRE.exec(str)) !== null) {
        actualMatches.push(match[0]);
      }
      assert.deepEqual(
          actualMatches, [
            'r1234',
            'Revision 123456',
          ]);
    });

    test('replace revision refs plain text', function() {
        const str = 'r63b72a71d5fbce6739c51c3846dd94bd62b91091';
      const match = refRegs[0].exec(str);
      const actualTextRuns = replacer(match);
      refRegs[0].lastIndex = 0;
      assert.deepEqual(
          actualTextRuns,
          [{
            content: 'r63b72a71d5fbce6739c51c3846dd94bd62b91091',
            tag: 'a',
            href: 'https://crrev.com/63b72a71d5fbce6739c51c3846dd94bd62b91091',
          }]);
    });
  });


  suite('markupAutolinks tests', function() {
    const componentRefs = new Map();
    componentRefs.set('01-tracker-crbug', {
      openRefs: [],
      closedRefs: [{projectName: 'chromium', localId: 99}]
    });
    componentRefs.set('02-tracker-regular', {
      openRefs: [{projectName: 'monorail', localId: 123}],
      closedRefs: [{projectName: 'chromium', localId: 456}]
    });
    componentRefs.set('03-user-emails', {users: [{email: 'user2@example.com'}]});

    test('empty string does not cause error', function() {
      const actualTextRuns = markupAutolinks('', componentRefs);
      assert.deepEqual(actualTextRuns, []);
    });

    test('no nested autolinking', function() {
      const plainString = 'test <b>autolinking go/testlink</b> is not nested';
      const actualTextRuns = markupAutolinks(plainString, componentRefs);
      assert.deepEqual(
          actualTextRuns, [
            {content: 'test '},
            {content: 'autolinking go/testlink', tag: 'b'},
            {content: ' is not nested'},
          ]);
    });

    test('different component types are correctly linked', function() {
      const plainString = 'test (User2@example.com and crbug.com/99) get linked';
      const actualTextRuns = markupAutolinks(plainString, componentRefs);
      assert.deepEqual(
          actualTextRuns, [
            {content: 'test ('},
            {content: 'User2@example.com', tag: 'a', href: '/u/User2@example.com'},
            {content: ' and '},
            {content: 'crbug.com/99', tag: 'a', href: '/p/chromium/issues/detail?id=99', css: 'strike-through'},
            {content: ') get linked'},
          ]);
    });

    test('only existing issues get linked', function() {
      const plainString = 'only existing bugs = 456, monorail:123, 234 and chromium:345 get linked';
      const actualTextRuns = markupAutolinks(plainString, componentRefs);
      assert.deepEqual(
          actualTextRuns, [
            {content: 'only existing '},
            {content: 'bugs = '},
            {content: '456', tag: 'a', href: '/p/chromium/issues/detail?id=456', css: 'strike-through'},
            {content: ', '},
            {content: 'monorail:123', tag: 'a', href: '/p/monorail/issues/detail?id=123', css: ''},
            {content: ', '},
            {content: '234'},
            {content: ' and '},
            {content: 'chromium:345'},
            {content: ' '},
            {content: 'get linked'},
          ]);
    });

    test('multilined bolds are not bolded', function() {
      const plainString = '<b>no multiline bolding \nnot allowed go/survey is still linked</b>';
      const actualTextRuns = markupAutolinks(plainString, componentRefs);
      assert.deepEqual(
          actualTextRuns, [
            {content: '<b>no multiline bolding '},
            {tag: 'br'},
            {content: 'not allowed '},
            {content: 'go/survey', tag: 'a', href: 'https://go/survey'},
            {content: ' is still linked</b>'},
          ]);
    });
  });
</script>