团队和AI代理的开源视觉测试平台.

阿尔戈斯故事集官方集成

抓取并审查您的视觉变化 故事书 与阿尔戈斯的故事。 它用真实的浏览器运行你的故事,并将每个故事的截图上传到您的CI中的Argos.

访问 故事书 SDK 文档 用于向导,API参考,以及更多.

安装

npm install --save-dev @argos-ci/storybook

使用量

建议进行视觉测试的方法是: 故事书 Vitest 附加词在您的虚拟配置中注册Argos插件 :

// vitest.config.ts
import { defineConfig } from "vitest/config";
import { argosVitestPlugin } from "@argos-ci/storybook/vitest-plugin";

export default defineConfig({
  plugins: [
    argosVitestPlugin({
      // Upload the screenshots to Argos only on CI.
      uploadToArgos: process.env.CI === "true",
    }),
  ],
});

每个故事都会自动被截取 要捕捉到更多的截图(例如,在互动的不同步骤),调用 argosScreenshot 在一个故事里面 play 函数 :

// Button.stories.tsx
import { argosScreenshot } from "@argos-ci/storybook/vitest";

export const Example: Story = {
  play: async (ctx) => {
    await argosScreenshot(ctx, "example");
  },
};

使用 故事书测试运行器 换成? 导入 argosScreenshot 从 @argos-ci/storybook/test-runner 并打电话给它从 postVisit 钩. 见 测试运行器快速启动。 。 。 .

兼容性

@argos-ci/storybook 支持"故事书"8至11,包括11个预发版. 屏幕截图可用 维特加通 ("史记"第9册或后作"活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活活 故事书测试运行器 (史记 第8册或后.

链接

• 官方 SDK 文档
• 快速启动
• 解析器