@argos-ci/ember (英语)

Argos为Ember应用程序进行SDK视觉测试.

先决条件

为了让大部分人离开这个指南 你需要:

• 有应用程序与 Ember 测试 设置

开始

1. 安装

npm install --save-dev puppeteer @argos-ci/ember

2. 配置测试

使用 argos-chrome 作为测试器配置中的浏览器.

// testem.js
"use strict";

const path = require("path");

const argosChrome = path.resolve(__dirname, "node_modules/.bin/argos-chrome");

module.exports = {
  test_page: "tests/index.html?hidepassed",
  launch_in_ci: ["Chrome"],
  browser_paths: {
    Chrome: argosChrome,
  },
};

3. 截图

使用 argosScreenshot 以获取应用程序的截图.

import { module, test } from "qunit";
import { visit } from "@ember/test-helpers";
import { setupApplicationTest } from "ember-qunit";
import { argosScreenshot } from "@argos-ci/ember";

module("Home", function (hooks) {
  setupApplicationTest(hooks);

  test("takes a screenshot of the homepage", async function () {
    await visit("/");
    await argosScreenshot("home");
  });
});

4. 设置您的线人

在您的 CI 管道中添加此命令, 将截图上传到 Argos .

npm exec -- argos upload --token <ARGOS_TOKEN> ./screenshots