BrowserStack 可访问性测试

您可以使用BrowserStack 可访问性测试的自动化测试功能轻松地在您的 WebdriverIO 测试套件中集成可访问性测试。

BrowserStack 可访问性测试中自动化测试的优势

要在 BrowserStack 可访问性测试中使用自动化测试，您的测试应在 BrowserStack Automate 上运行。

以下是自动化测试的优势

• 无缝集成到您现有的自动化测试套件中。
• 测试用例无需进行任何代码更改。
• 可访问性测试无需任何额外维护。
• 了解历史趋势并获得测试用例见解。

开始使用 BrowserStack 可访问性测试

请按照以下步骤将您的 WebdriverIO 测试套件与 BrowserStack 的可访问性测试集成

1. 安装 @wdio/browserstack-service npm 包。

npm

npm install --save-dev @wdio/browserstack-service

Yarn

yarn add --dev @wdio/browserstack-service

pnpm

pnpm add --save-dev @wdio/browserstack-service

2. 更新 wdio.conf.js 配置文件。

exports.config = {
    //...
    user: '<browserstack_username>' || process.env.BROWSERSTACK_USERNAME,
    key: '<browserstack_access_key>' || process.env.BROWSERSTACK_ACCESS_KEY,
    commonCapabilities: {
      'bstack:options': {
        projectName: "Your static project name goes here",
        buildName: "Your static build/job name goes here"
      }
    },
    services: [
      ['browserstack', {
        accessibility: true,
        // Optional configuration options
        accessibilityOptions: {
          'wcagVersion': 'wcag21a',
          'includeIssueType': {
            'bestPractice': false,
            'needsReview': true
          },
          'includeTagsInTestingScope': ['Specify tags of test cases to be included'],
          'excludeTagsInTestingScope': ['Specify tags of test cases to be excluded']
        },
      }]
    ],
    //...
  };

您可以在此处查看详细说明。