持续集成 (CI)

为了帮助验证你的扩展并确保其功能正常,Extension SDK 提供了工具来帮助你为扩展设置持续集成。

重要提示

Docker Desktop Actionextension-test-helper 库 都处于实验阶段

使用 GitHub Actions 设置 CI 环境

你需要安装 Docker Desktop 才能安装和验证你的扩展。你可以通过在工作流文件中添加以下内容,使用 Docker Desktop Action 在 GitHub Actions 中启动 Docker Desktop。

steps:
  - id: start_desktop
    uses: docker/desktop-action/start@v0.1.0

注意

此 action 目前仅支持 Github Action macOS runner。你的端到端测试需要指定 runs-on: macOS-latest

此步骤执行完成后,后续步骤将使用 Docker Desktop 和 Docker CLI 安装并测试扩展。

使用 Puppeteer 验证你的扩展

Docker Desktop 在 CI 中启动后,你可以使用 Jest 和 Puppeteer 构建、安装并验证你的扩展。

首先,从你的测试中构建并安装扩展

import { DesktopUI } from "@docker/extension-test-helper";
import { exec as originalExec } from "child_process";
import * as util from "util";

export const exec = util.promisify(originalExec);

// keep a handle on the app to stop it at the end of tests
let dashboard: DesktopUI;

beforeAll(async () => {
  await exec(`docker build -t my/extension:latest .`, {
    cwd: "my-extension-src-root",
  });

  await exec(`docker extension install -f my/extension:latest`);
});

然后打开 Docker Desktop 控制面板并在你的扩展 UI 中运行一些测试

describe("Test my extension", () => {
  test("should be functional", async () => {
    dashboard = await DesktopUI.start();

    const eFrame = await dashboard.navigateToExtension("my/extension");

    // use puppeteer APIs to manipulate the UI, click on buttons, expect visual display and validate your extension
    await eFrame.waitForSelector("#someElementId");
  });
});

最后,关闭 Docker Desktop 控制面板并卸载你的扩展

afterAll(async () => {
  dashboard?.stop();
  await exec(`docker extension uninstall my/extension`);
});

下一步

页面选项