playwright/test/playwright.spec.js

/**
 * Copyright 2019 Google Inc. All rights reserved.
 * Modifications copyright (c) Microsoft Corporation.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
const fs = require('fs');
const path = require('path');
const os = require('os');
const rm = require('rimraf').sync;
const GoldenUtils = require('./golden-utils');
const {Matchers} = require('../utils/testrunner/');

const YELLOW_COLOR = '\x1b[33m';
const RESET_COLOR = '\x1b[0m';

module.exports.describe = ({testRunner, product, playwrightPath}) => {
  const {describe, xdescribe, fdescribe} = testRunner;
  const {it, fit, xit, dit} = testRunner;
  const {beforeAll, beforeEach, afterAll, afterEach} = testRunner;

  const CHROME = product === 'Chromium';
  const FFOX = product === 'Firefox';
  const WEBKIT = product === 'WebKit';
  const MAC = os.platform() === 'darwin';
  const LINUX = os.platform() === 'linux';
  const WIN = os.platform() === 'win32';

  const playwright = require(playwrightPath);

  const headless = (process.env.HEADLESS || 'true').trim().toLowerCase() === 'true';
  const slowMo = parseInt((process.env.SLOW_MO || '0').trim(), 10);

  const executablePath = {
    'Chromium': process.env.CRPATH,
    'Firefox': process.env.FFPATH,
    'WebKit': process.env.WKPATH,
  }[product];
  const defaultBrowserOptions = {
    handleSIGINT: false,
    executablePath,
    slowMo,
    headless,
    dumpio: !!process.env.DUMPIO,
  };

  if (defaultBrowserOptions.executablePath) {
    console.warn(`${YELLOW_COLOR}WARN: running ${product} tests with ${defaultBrowserOptions.executablePath}${RESET_COLOR}`);
  } else {
    // Make sure the `npm install` was run after the chromium roll.
    if (!fs.existsSync(playwright.executablePath()))
      throw new Error(`Browser is not downloaded. Run 'npm install' and try to re-run tests`);
  }

  const GOLDEN_DIR = path.join(__dirname, 'golden-' + product.toLowerCase());
  const OUTPUT_DIR = path.join(__dirname, 'output-' + product.toLowerCase());
  const ASSETS_DIR = path.join(__dirname, 'assets');
  if (fs.existsSync(OUTPUT_DIR))
    rm(OUTPUT_DIR);
  const {expect} = new Matchers({
    toBeGolden: GoldenUtils.compare.bind(null, GOLDEN_DIR, OUTPUT_DIR)
  });

  const testOptions = {
    testRunner,
    product,
    FFOX,
    WEBKIT,
    CHROME,
    MAC,
    LINUX,
    WIN,
    playwright,
    expect,
    defaultBrowserOptions,
    playwrightPath,
    headless: !!defaultBrowserOptions.headless,
    ASSETS_DIR,
  };

  describe('Browser', function() {
    beforeAll(async state => {
      state.browserServer = await playwright.launchServer(defaultBrowserOptions);
      state.browser = await state.browserServer.connect();
    });

    afterAll(async state => {
      await state.browserServer.close();
      state.browser = null;
      state.browserServer = null;
    });

    beforeEach(async(state, test) => {
      const contexts = [];
      const onLine = (line) => test.output += line + '\n';

      let rl;
      if (!WEBKIT) {
        rl = require('readline').createInterface({ input: state.browserServer.process().stderr });
        test.output = '';
        rl.on('line', onLine);
      }

      state.tearDown = async () => {
        await Promise.all(contexts.map(c => c.close()));
        if (!WEBKIT) {
          rl.removeListener('line', onLine);
          rl.close();
        }
      };

      state.newContext = async (options) => {
        const context = await state.browser.newContext(options);
        contexts.push(context);
        return context;
      };

      state.newPage = async (options) => {
        const context = await state.newContext(options);
        return await context.newPage(options);
      };
    });

    afterEach(async state => {
      await state.tearDown();
    });

    describe('Page', function() {
      beforeEach(async state => {
        state.context = await state.newContext();
        state.page = await state.context.newPage();
      });

      afterEach(async state => {
        state.context = null;
        state.page = null;
      });

      // Page-level tests that are given a browser, a context and a page.
      // Each test is launched in a new browser context.
      testRunner.loadTests(require('./click.spec.js'), testOptions);
      testRunner.loadTests(require('./cookies.spec.js'), testOptions);
      testRunner.loadTests(require('./dialog.spec.js'), testOptions);
      testRunner.loadTests(require('./elementhandle.spec.js'), testOptions);
      testRunner.loadTests(require('./emulation.spec.js'), testOptions);
      testRunner.loadTests(require('./evaluation.spec.js'), testOptions);
      testRunner.loadTests(require('./frame.spec.js'), testOptions);
      testRunner.loadTests(require('./input.spec.js'), testOptions);
      testRunner.loadTests(require('./jshandle.spec.js'), testOptions);
      testRunner.loadTests(require('./keyboard.spec.js'), testOptions);
      testRunner.loadTests(require('./mouse.spec.js'), testOptions);
      testRunner.loadTests(require('./navigation.spec.js'), testOptions);
      testRunner.loadTests(require('./network.spec.js'), testOptions);
      testRunner.loadTests(require('./page.spec.js'), testOptions);
      testRunner.loadTests(require('./queryselector.spec.js'), testOptions);
      testRunner.loadTests(require('./screenshot.spec.js'), testOptions);
      testRunner.loadTests(require('./waittask.spec.js'), testOptions);

      if (CHROME) {
        testRunner.loadTests(require('./chromium/chromium.spec.js'), testOptions);
        testRunner.loadTests(require('./chromium/coverage.spec.js'), testOptions);
        testRunner.loadTests(require('./chromium/geolocation.spec.js'), testOptions);
        testRunner.loadTests(require('./chromium/pdf.spec.js'), testOptions);
        testRunner.loadTests(require('./chromium/session.spec.js'), testOptions);
        testRunner.loadTests(require('./chromium/workers.spec.js'), testOptions);
      }

      if (CHROME || FFOX) {
        testRunner.loadTests(require('./features/accessibility.spec.js'), testOptions);
        testRunner.loadTests(require('./features/permissions.spec.js'), testOptions);
        testRunner.loadTests(require('./features/interception.spec.js'), testOptions);
      }

    });

    // Browser-level tests that are given a browser.
    testRunner.loadTests(require('./browser.spec.js'), testOptions);
    testRunner.loadTests(require('./browsercontext.spec.js'), testOptions);
    testRunner.loadTests(require('./ignorehttpserrors.spec.js'), testOptions);
    if (CHROME) {
      testRunner.loadTests(require('./chromium/browser.spec.js'), testOptions);
    }
  });

  // Top-level tests that launch Browser themselves.
  testRunner.loadTests(require('./defaultbrowsercontext.spec.js'), testOptions);
  testRunner.loadTests(require('./fixtures.spec.js'), testOptions);
  testRunner.loadTests(require('./launcher.spec.js'), testOptions);

  if (CHROME) {
    testRunner.loadTests(require('./chromium/connect.spec.js'), testOptions);
    testRunner.loadTests(require('./chromium/launcher.spec.js'), testOptions);
    testRunner.loadTests(require('./chromium/headful.spec.js'), testOptions);
    testRunner.loadTests(require('./chromium/oopif.spec.js'), testOptions);
    testRunner.loadTests(require('./chromium/tracing.spec.js'), testOptions);
  }

  if (FFOX) {
    testRunner.loadTests(require('./firefox/launcher.spec.js'), testOptions);
  }

  if (WEBKIT) {
    testRunner.loadTests(require('./webkit/launcher.spec.js'), testOptions);
  }
};