e2e/automated.test.js

import 'dotenv/config';

import fixtures from './fixtures.json'; // eslint-disable-line import/no-unresolved
import diffFixtures from './diff-fixtures.json';

async function executeTest(url, targetUrl, selector) {
  if (page.url() !== url) {
    await page.goto(url);
  }

  if (targetUrl === false) {
    await expect(page).not.toMatchElement(selector);
    return;
  }

  await page.waitForSelector(`${selector}[href$="${targetUrl}"]`);
}

function createAnnotation({ file, lineNumber, ex }) {
  // eslint-disable-next-line no-console
  console.log(`::error file=${file},line=${lineNumber}::${ex.message}`);
}

describe('End to End tests', () => {
  beforeAll(async () => {
    if (!process.env.E2E_USER_NAME || !process.env.E2E_USER_PASSWORD) {
      console.log('Run E2E tests as an anonymous user'); // eslint-disable-line
      return;
    }

    console.log('Perform login ...'); // eslint-disable-line

    await page.goto('https://github.com/login');
    await expect(page).toFill('#login_field', process.env.E2E_USER_NAME);
    await expect(page).toFill('#password', process.env.E2E_USER_PASSWORD);
    await Promise.all([
      page.waitForNavigation(),
      expect(page).toClick('input[type=submit]'),
    ]);

    try {
      const authError = await page.$eval('#login .flash-error', (el) =>
        el.textContent.trim(),
      );
      throw new Error(authError);
    } catch (error) {
      if (!error.message.includes('failed to find element matching selector')) {
        expect(error).toBeUndefined();
      }
    }

    console.log('Run E2E tests with authenticated user'); // eslint-disable-line
  });

  describe('single blob', () => {
    fixtures.forEach(({ url, file, content, lineNumber, targetUrl }) => {
      if (targetUrl === false) {
        it(`does not resolve ${content}`, async () => {
          try {
            await executeTest(
              url,
              targetUrl,
              `#LC${lineNumber} .octolinker-link[href]`,
            );
          } catch (ex) {
            createAnnotation({ file, lineNumber, ex });
            throw ex;
          }
        });
        return;
      }

      it(`resolves ${content} to ${targetUrl}`, async () => {
        if (lineNumber) {
          try {
            await executeTest(
              url,
              targetUrl,
              `#LC${lineNumber} .octolinker-link`,
            );
          } catch (ex) {
            createAnnotation({ file, lineNumber, ex });
            throw ex;
          }
        } else {
          await executeTest(
            url,
            targetUrl,
            `.octolinker-link[href="${targetUrl}"]`,
          );
        }
      });
    });
  });

  // describe('diff view', () => {
  //   diffFixtures.forEach(({ url, targetUrl }) => {
  //     it(`resolves ${url} to ${targetUrl}`, async () => {
  //       await executeTest(
  //         url,
  //         targetUrl,
  //         '.selected-line.blob-code .octolinker-link',
  //       );
  //     });
  //   });

  //   it('links commentbox', async () => {
  //     await executeTest(
  //       'https://github.com/OctoLinker/OctoLinker/pull/451/files',
  //       'https://nodejs.org/api/path.html',
  //       '.highlight-source-js .octolinker-link',
  //     );
  //   });
  // });

  describe.skip('expanded blob', () => {
    it('should resolve after appending new blobs', async () => {
      const url =
        'https://github.com/OctoLinker/OctoLinker/pull/451/files#diff-b9cfc7f2cdf78a7f4b91a753d10865a2';
      const selector = '[data-line-number="45"] + td .octolinker-link';
      const expandSelector = '[data-right-range="44-55"]';

      await page.goto(url);

      await page.click(expandSelector);

      await page.waitForSelector(selector);
    });
  });
});