'錯誤：TypeError：ProtractorImageComparison不是一個構造函數'與protractor-image-comparison v2.0.1

Question

我正在嘗試編寫一些可視化測試，並使用版本2.0.1的量角器 - 圖像比較運行所提到的錯誤。 即使有庫的更新，我決定堅持使用舊版本，因為我遇到了最新版本的一些問題。 我的設置是：

//protractor.conf.js：

const { SpecReporter } = require('jasmine-spec-reporter');
const { join } = require('path');
const { ProtractorImageComparison } = require('protractor-image-comparison');

exports.config = {
  allScriptsTimeout: 11000,
  specs: ['./src/**/*-spec.ts'],
  capabilities: {
    browserName: 'chrome',
    chromeOptions: {
      args: [
        // '--headless',
        '--disable-gpu', '--window-size=1600,950', '--no-sandbox'],
    },
  },
  SELENIUM_PROMISE_MANAGER: false,
  directConnect: true,
  framework: 'jasmine2',
  jasmineNodeOpts: {
    showColors: true,
    defaultTimeoutInterval: 30000,
    print: function() {
    },
  },
  onPrepare() {
    require('ts-node').register({
      project: join(__dirname, './tsconfig.e2e.json'),
    });

    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));

    browser.protractorImageComparison = new ProtractorImageComparison({
      baselineFolder: join(__dirname, '/src/resources/baseline/'),
      screenshotPath: join(__dirname, '/src/tmp/'),
      formatImageName: '{tag}',
      autoSaveBaseline: false
    });
  },
};

Answer 1

我今天遇到了這個問題，顯然從版本3.0.1開始，這個軟件包現在可以作為一個插件而不是需要實例化的類。

我設法讓它工作將以下代碼添加到我的conf.js：

plugins: [
    {
        inline: require('protractor-image-comparison'),
        // package: 'protractor-image-comparison' //protractor is installed globally so it is checking for plugin globally also
        options: {
            baselineFolder: './testArtifacts/screen-compare/baselines/',
            screenshotPath: './testArtifacts/screen-compare/screenshots/',
            formatImageName: `{tag}-{logName}-{width}x{height}`,
            savePerInstance: true,
        },
    },
],

注意：對我來說，全局安裝了量角器，因此我需要使用inline而不是package來解決這個問題，以便在本地搜索插件模塊。