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']
        },
      }]
    ],
    //...
  };

您可以在這裡查看詳細說明。