diff --git a/assets/images/accessibility-testing/playwright/playwright-accessibility-1.png b/assets/images/accessibility-testing/playwright/playwright-accessibility-1.png new file mode 100644 index 000000000..d1ea0f6f3 Binary files /dev/null and b/assets/images/accessibility-testing/playwright/playwright-accessibility-1.png differ diff --git a/assets/images/accessibility-testing/playwright/playwright-accessibility.png b/assets/images/accessibility-testing/playwright/playwright-accessibility.png index 81a29960b..5f1c082eb 100644 Binary files a/assets/images/accessibility-testing/playwright/playwright-accessibility.png and b/assets/images/accessibility-testing/playwright/playwright-accessibility.png differ diff --git a/assets/images/automation/nightwatch/nightwatch-1.png b/assets/images/automation/nightwatch/nightwatch-1.png new file mode 100644 index 000000000..68c4056c8 Binary files /dev/null and b/assets/images/automation/nightwatch/nightwatch-1.png differ diff --git a/assets/images/automation/nightwatch/nightwatch-2.png b/assets/images/automation/nightwatch/nightwatch-2.png new file mode 100644 index 000000000..c48bc1eed Binary files /dev/null and b/assets/images/automation/nightwatch/nightwatch-2.png differ diff --git a/docs/playwright-accessibility-test.md b/docs/playwright-accessibility-test.md index 529b328e1..6ca16d236 100644 --- a/docs/playwright-accessibility-test.md +++ b/docs/playwright-accessibility-test.md @@ -118,21 +118,19 @@ set LT_ACCESS_KEY="${ YOUR_LAMBDATEST_ACCESS_KEY()}"`} To enable the accessibility testing within your automated test suite, set the `accessibility: true` in your configuration file. You can also define other settings capabilities as described below. ```javascript - const capabilities = { - 'LT:Options': { - ..// - "accessibility":true, - "accessibility.wcagVersion":"wcag21a", - "accessibility.bestPractice":true, - "accessibility.needsReview":true - } - } +const capabilities = { + "accessibility": true, + "accessibility.wcagVersion": "wcag21a", + "accessibility.bestPractice": false, + "accessibility.needsReview": true +}; ``` ### Step 4: Add the following add-on Script -In your `lambdatest-setup.js` file add these three lines after your page creation command as shown below: +LambdaTest uses an internal Chrome extension that powers accessibility scans and generates accessibility reports. In your `lambdatest-setup.js` file add these three lines after your page creation command as shown below: ```javascript +// Load the extension for report generation of the accessibility tests await ltPage.goto("chrome://extensions/?id=johgkfjmgfeapgnbkmfkfkaholjbcnah"); const secondToggleButton = ltPage.locator('#crToggle').nth(0); await secondToggleButton.click(); @@ -143,7 +141,11 @@ await secondToggleButton.click(); Now execute your tests and visit the [Automation Dashboard](https://accounts.lambdatest.com/dashboard). Click on the Accessibility tab and check the report generated. ```bash -node test +npx playwright test --config=./playwright.config.js ``` +automation-dashboard
+ +You can access the detailed accessibility report from the [Accessibility Automation Reports Dashboard](https://accessibility.lambdatest.com/automation) + automation-dashboard \ No newline at end of file diff --git a/docs/run-nightwatch-tests-on-lambdatest-selenium-grid.md b/docs/run-nightwatch-tests-on-lambdatest-selenium-grid.md index c13778ce1..e75ceb978 100644 --- a/docs/run-nightwatch-tests-on-lambdatest-selenium-grid.md +++ b/docs/run-nightwatch-tests-on-lambdatest-selenium-grid.md @@ -21,6 +21,8 @@ slug: nightwatch-with-selenium-running-nightwatch-automation-scripts-on-lambdate import CodeBlock from '@theme/CodeBlock'; import {YOUR_LAMBDATEST_USERNAME, YOUR_LAMBDATEST_ACCESS_KEY} from "@site/src/component/keys"; +import Tabs from '@theme/Tabs'; +import TabItem from '@theme/TabItem';