Details

The passed section does not show the components that passed the check. To improve clarity, added logic so that passed section include the components that successfully passed the check.

Added optional parameter expandPassSectionDetails in axe-results-report.ts, based on this parameter expanded pass section will be displayed, else the existing format is displayed.

expandPassSectionDetails contains expandPassSection boolean to expand the pass section and expandByTags array of string to expand more details like html for only those rules which consist of that tag.

Report screenshot when expandPassSectionDetails is passed:

When expandPassSection true is passed

When expandByTags with some specific tag is passed. In this example, Experimental is passed in expandByTags parameter so all the rules having that tag shows passing components. This will be used to pass 'ai-scan' tag so that we show passing components for new rules and not axe-core rules.

Motivation

Addresses issue - https://github.com/1ES-microsoft/accessibility-insights-agent/issues/912

Context

Pull request checklist

• Addresses an existing issue: https://github.com/1ES-microsoft/accessibility-insights-agent/issues/912
• Ran yarn fastpass
• Added/updated relevant unit test(s) (and ran yarn test)
• Verified code coverage for the changes made. Check coverage report at: <rootDir>/test-results/unit/coverage
• PR title AND final merge commit title both start with a semantic tag (fix:, chore:, feat(feature-name):, refactor:). See CONTRIBUTING.md.
• (UI changes only) Added screenshots/GIFs to description above
• (UI changes only) Verified usability with NVDA/JAWS