chrome-devtools-frontend/scripts/build/tests/plugins_test.js

Chrome DevTools UI

// Copyright 2022 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

const {assert} = require('chai');
const path = require('path');

const {devtoolsPlugin, esbuildPlugin} = require('../devtools_plugin.js');

describe('devtools_plugin can compute paths with', () => {
  it('same directory import', () => {
    assert.deepEqual(
        devtoolsPlugin('./AnotherFile.js', 'front_end/core/sdk/FirstFile.js'),
        {id: path.join('front_end', 'core', 'sdk', 'AnotherFile.js'), external: false});
  });

  it('different directory import', () => {
    assert.deepEqual(
        devtoolsPlugin('../common/common.js', 'front_end/core/sdk/FirstFile.js'),
        {id: path.join('front_end', 'core', 'common', 'common.js'), external: true});
  });

  it('node built-in modules', () => {
    assert.deepEqual(devtoolsPlugin('fs', 'scripts/some-script.js'), {id: 'fs', external: true});
  });

  it('importing generated files', () => {
    assert.strictEqual(devtoolsPlugin('../../generated/Protocol.js', 'front_end/core/sdk/FirstFile.js'), null);
  });

  it('importing lighthouse files', () => {
    assert.deepEqual(
        devtoolsPlugin('./front_end/third_party/lighthouse/lighthouse-dt-bundle.js', 'front_end/core/sdk/FirstFile.js'),
        {
          id: path.join(
              'front_end', 'core', 'sdk', 'front_end', 'third_party', 'lighthouse', 'lighthouse-dt-bundle.js'),
          external: true,
        });
  });
});

describe('esbuild_plugin can compute paths with', () => {
  const srcdir = __dirname;
  const outdir = path.join(srcdir, 'out');
  const plugin = esbuildPlugin(outdir);
  it('same directory import', () => {
    assert.deepEqual(
        plugin({path: './AnotherFile.js', importer: path.join(srcdir, 'front_end/core/sdk/FirstFile.js')}),
        {path: path.join(srcdir, 'front_end', 'core', 'sdk', 'AnotherFile.js')});
  });

  it('different directory import', () => {
    assert.deepEqual(
        plugin({path: '../common/common.js', importer: path.join(srcdir, 'front_end/core/sdk/FirstFile.js')}),
        {path: './' + path.join('..', 'front_end', 'core', 'common', 'common.js'), external: true});
  });

  it('node built-in modules', () => {
    assert.deepEqual(
        plugin({path: 'fs', importer: path.join(srcdir, 'scripts/some-script.js')}), {path: 'fs', external: true});
  });

  it('codemirror modules', () => {
    assert.deepEqual(
        plugin({path: '../../lib/codemirror', importer: path.join(srcdir, 'scripts/some-script.js')}),
        {path: '../../lib/codemirror', external: true});
  });

  it('importing generated files', () => {
    assert.strictEqual(
        plugin({path: '../../generated/Protocol.js', importer: path.join(srcdir, 'front_end/core/sdk/FirstFile.js')}),
        null);
  });

  it('importing lighthouse files', () => {
    assert.deepEqual(
        plugin({
          path: './front_end/third_party/lighthouse/lighthouse-dt-bundle.js',
          importer: path.join(srcdir, 'front_end/core/sdk/FirstFile.js')
        }),
        {
          path: './' +
              path.join(
                  '..', 'front_end', 'core', 'sdk', 'front_end', 'third_party', 'lighthouse',
                  'lighthouse-dt-bundle.js'),
          external: true,
        });
  });
});