accessibility-insights-report 4.6.4 → 4.6.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/drop/index.js +48 -27
- package/package.json +2 -2
package/drop/index.js
CHANGED
|
@@ -325,8 +325,8 @@ var AllRuleResultStatuses = [
|
|
|
325
325
|
];
|
|
326
326
|
|
|
327
327
|
// src/common/rule-based-view-model-provider.ts
|
|
328
|
-
var getCardViewData = (
|
|
329
|
-
if (results == null ||
|
|
328
|
+
var getCardViewData = (results, cardSelectionViewData, rules) => {
|
|
329
|
+
if (results == null || cardSelectionViewData == null) {
|
|
330
330
|
return null;
|
|
331
331
|
}
|
|
332
332
|
const statusResults = getEmptyStatusResults();
|
|
@@ -336,12 +336,8 @@ var getCardViewData = (rules, results, cardSelectionViewData) => {
|
|
|
336
336
|
const isInstanceDisplayed = result.status === "fail" || result.status === "unknown";
|
|
337
337
|
let ruleResult = getExistingRuleFromResults(result.ruleId, ruleResults);
|
|
338
338
|
if (ruleResult == null) {
|
|
339
|
-
const
|
|
340
|
-
|
|
341
|
-
continue;
|
|
342
|
-
}
|
|
343
|
-
const isExpanded = isInstanceDisplayed ? (0, import_lodash.includes)(cardSelectionViewData.expandedRuleIds, rule.id) : false;
|
|
344
|
-
ruleResult = createCardRuleResult(result.status, rule, isExpanded);
|
|
339
|
+
const isExpanded = isInstanceDisplayed ? (0, import_lodash.includes)(cardSelectionViewData.expandedRuleIds, result.ruleId) : false;
|
|
340
|
+
ruleResult = createCardRuleResult(result.status, result.rule, isExpanded);
|
|
345
341
|
ruleResults.push(ruleResult);
|
|
346
342
|
}
|
|
347
343
|
const isSelected = isInstanceDisplayed ? (0, import_lodash.includes)(cardSelectionViewData.selectedResultUids, result.uid) : false;
|
|
@@ -349,9 +345,11 @@ var getCardViewData = (rules, results, cardSelectionViewData) => {
|
|
|
349
345
|
ruleResult.nodes.push(createCardResult(result, isSelected, highlightStatus));
|
|
350
346
|
ruleIdsWithResultNodes.add(result.ruleId);
|
|
351
347
|
}
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
348
|
+
if (rules) {
|
|
349
|
+
for (const rule of rules) {
|
|
350
|
+
if (!ruleIdsWithResultNodes.has(rule.id)) {
|
|
351
|
+
statusResults.inapplicable.push(createRuleResultWithoutNodes("inapplicable", rule));
|
|
352
|
+
}
|
|
355
353
|
}
|
|
356
354
|
}
|
|
357
355
|
return {
|
|
@@ -389,14 +387,13 @@ var createRuleResultWithoutNodes = (status, rule) => ({
|
|
|
389
387
|
guidance: rule.guidance,
|
|
390
388
|
isExpanded: false
|
|
391
389
|
});
|
|
392
|
-
var createCardResult = (
|
|
390
|
+
var createCardResult = (result, isSelected, highlightStatus) => {
|
|
393
391
|
return {
|
|
394
|
-
...
|
|
392
|
+
...result,
|
|
395
393
|
isSelected,
|
|
396
394
|
highlightStatus
|
|
397
395
|
};
|
|
398
396
|
};
|
|
399
|
-
var getUnifiedRule = (id2, rules) => rules.find((rule) => rule.id === id2);
|
|
400
397
|
var getRuleResultIndex = (ruleId, ruleResults) => ruleResults.findIndex((result) => result.id === ruleId);
|
|
401
398
|
|
|
402
399
|
// src/common/uid-generator.ts
|
|
@@ -507,11 +504,12 @@ function extractRelatedSelectors(nodeResult) {
|
|
|
507
504
|
|
|
508
505
|
// src/injected/adapters/resolution-creator.ts
|
|
509
506
|
var getFixResolution = (data) => {
|
|
507
|
+
var _a, _b, _c;
|
|
510
508
|
return {
|
|
511
509
|
"how-to-fix-web": {
|
|
512
|
-
any: data.nodeResult.any.map((checkResult) => checkResult.message),
|
|
513
|
-
none: data.nodeResult.none.map((checkResult) => checkResult.message),
|
|
514
|
-
all: data.nodeResult.all.map((checkResult) => checkResult.message)
|
|
510
|
+
any: (_a = data.nodeResult.any) == null ? void 0 : _a.map((checkResult) => checkResult.message),
|
|
511
|
+
none: (_b = data.nodeResult.none) == null ? void 0 : _b.map((checkResult) => checkResult.message),
|
|
512
|
+
all: (_c = data.nodeResult.all) == null ? void 0 : _c.map((checkResult) => checkResult.message)
|
|
515
513
|
}
|
|
516
514
|
};
|
|
517
515
|
};
|
|
@@ -3341,6 +3339,28 @@ var SummaryReportSectionFactory = {
|
|
|
3341
3339
|
resultSectionsOrder: ["failed", "notApplicable", "passed"]
|
|
3342
3340
|
};
|
|
3343
3341
|
|
|
3342
|
+
// src/common/store-data-to-scan-node-result-converter.ts
|
|
3343
|
+
var import_applicationinsights_core_js = require("@microsoft/applicationinsights-core-js");
|
|
3344
|
+
var import_lodash13 = require("lodash");
|
|
3345
|
+
function convertUnifiedStoreDataToScanNodeResults(unifiedScanResultStoreData) {
|
|
3346
|
+
const { rules, results } = unifiedScanResultStoreData;
|
|
3347
|
+
if ((0, import_applicationinsights_core_js.isNullOrUndefined)(unifiedScanResultStoreData) || (0, import_applicationinsights_core_js.isNullOrUndefined)(results)) {
|
|
3348
|
+
return null;
|
|
3349
|
+
}
|
|
3350
|
+
const transformedResults = results.map((unifiedResult) => {
|
|
3351
|
+
const rule = rules ? (0, import_lodash13.find)(rules, (unifiedRule) => unifiedRule.id === unifiedResult.ruleId) : { id: unifiedResult.ruleId };
|
|
3352
|
+
if (rule == null) {
|
|
3353
|
+
throw new Error(`Got result with unknown ruleId ${unifiedResult.ruleId}`);
|
|
3354
|
+
}
|
|
3355
|
+
const result = {
|
|
3356
|
+
...unifiedResult,
|
|
3357
|
+
rule
|
|
3358
|
+
};
|
|
3359
|
+
return result;
|
|
3360
|
+
});
|
|
3361
|
+
return transformedResults;
|
|
3362
|
+
}
|
|
3363
|
+
|
|
3344
3364
|
// src/reports/package/axe-results-report.ts
|
|
3345
3365
|
var AxeResultsReport = class {
|
|
3346
3366
|
constructor(deps, parameters, toolInfo) {
|
|
@@ -3368,7 +3388,8 @@ var AxeResultsReport = class {
|
|
|
3368
3388
|
visualHelperEnabled: false,
|
|
3369
3389
|
resultsHighlightStatus: {}
|
|
3370
3390
|
};
|
|
3371
|
-
const
|
|
3391
|
+
const scanNodeResults = convertUnifiedStoreDataToScanNodeResults({ rules: unifiedRules, results: unifiedResults });
|
|
3392
|
+
const cardsViewModel = getCards(scanNodeResults, cardSelectionViewData, unifiedRules);
|
|
3372
3393
|
const targetAppInfo = {
|
|
3373
3394
|
name: pageTitle,
|
|
3374
3395
|
url: results.url
|
|
@@ -3425,7 +3446,7 @@ var CombinedResultsReport = class {
|
|
|
3425
3446
|
};
|
|
3426
3447
|
|
|
3427
3448
|
// src/reports/package/combined-results-to-cards-model-converter.ts
|
|
3428
|
-
var
|
|
3449
|
+
var import_lodash14 = require("lodash");
|
|
3429
3450
|
var CombinedResultsToCardsModelConverter = class {
|
|
3430
3451
|
constructor(mapAxeTagsToGuidanceLinks2, cardSelectionViewData, uuidGenerator, helpUrlGetter, getFixResolution2, extractRelatedSelectors2) {
|
|
3431
3452
|
this.mapAxeTagsToGuidanceLinks = mapAxeTagsToGuidanceLinks2;
|
|
@@ -3451,7 +3472,7 @@ var CombinedResultsToCardsModelConverter = class {
|
|
|
3451
3472
|
};
|
|
3452
3473
|
};
|
|
3453
3474
|
this.getCardRuleResults = (rules) => {
|
|
3454
|
-
if ((0,
|
|
3475
|
+
if ((0, import_lodash14.isNil)(rules)) {
|
|
3455
3476
|
return [];
|
|
3456
3477
|
}
|
|
3457
3478
|
return rules.map((rule) => this.getCardRuleResult(rule));
|
|
@@ -3463,7 +3484,7 @@ var CombinedResultsToCardsModelConverter = class {
|
|
|
3463
3484
|
url: this.helpUrlGetter.getHelpUrl(rule.ruleId, rule.ruleUrl),
|
|
3464
3485
|
isExpanded: false,
|
|
3465
3486
|
guidance: this.mapAxeTagsToGuidanceLinks(rule.ruleId, rule.tags),
|
|
3466
|
-
nodes: (0,
|
|
3487
|
+
nodes: (0, import_lodash14.isNil)(nodes) ? [] : nodes
|
|
3467
3488
|
};
|
|
3468
3489
|
};
|
|
3469
3490
|
this.getFailuresGroupedByRule = (groupedFailures) => {
|
|
@@ -5330,7 +5351,7 @@ var link = {
|
|
|
5330
5351
|
};
|
|
5331
5352
|
|
|
5332
5353
|
// src/scanner/map-axe-tags-to-guidance-links.ts
|
|
5333
|
-
var
|
|
5354
|
+
var import_lodash15 = require("lodash");
|
|
5334
5355
|
var BestPractice = {
|
|
5335
5356
|
text: "",
|
|
5336
5357
|
href: "",
|
|
@@ -5341,7 +5362,7 @@ var bestPracticeToGuidanceTagOverrideMapping = {
|
|
|
5341
5362
|
"presentation-role-conflict": ["wcag131"]
|
|
5342
5363
|
};
|
|
5343
5364
|
function addGuidanceTagOverrides(resultId, currentTags) {
|
|
5344
|
-
return (0,
|
|
5365
|
+
return (0, import_lodash15.concat)(currentTags ?? [], bestPracticeToGuidanceTagOverrideMapping[resultId] ?? []);
|
|
5345
5366
|
}
|
|
5346
5367
|
function mapAxeTagToGuidanceLink(axeTag) {
|
|
5347
5368
|
if (axeTag === "best-practice") {
|
|
@@ -5357,7 +5378,7 @@ function mapAxeTagsToGuidanceLinks(resultId, axeTags) {
|
|
|
5357
5378
|
const normalizedTags = addGuidanceTagOverrides(resultId, axeTags);
|
|
5358
5379
|
const unsortedMaybeLinks = normalizedTags.map(mapAxeTagToGuidanceLink);
|
|
5359
5380
|
const unsortedLinks = unsortedMaybeLinks.filter(isNotNull);
|
|
5360
|
-
const sortedLinks = (0,
|
|
5381
|
+
const sortedLinks = (0, import_lodash15.sortBy)(unsortedLinks, (link2) => link2.text);
|
|
5361
5382
|
return sortedLinks;
|
|
5362
5383
|
}
|
|
5363
5384
|
function isNotNull(maybeInstance) {
|
|
@@ -5782,14 +5803,14 @@ function initializeFabricIcons() {
|
|
|
5782
5803
|
}
|
|
5783
5804
|
|
|
5784
5805
|
// src/common/get-guidance-tags-from-guidance-links.ts
|
|
5785
|
-
var
|
|
5806
|
+
var import_lodash16 = require("lodash");
|
|
5786
5807
|
var GetGuidanceTagsFromGuidanceLinks = (links) => {
|
|
5787
|
-
if (!links || (0,
|
|
5808
|
+
if (!links || (0, import_lodash16.isArray)(links) === false) {
|
|
5788
5809
|
return [];
|
|
5789
5810
|
}
|
|
5790
5811
|
const tags = [];
|
|
5791
5812
|
links.forEach((link2) => {
|
|
5792
|
-
if ((0,
|
|
5813
|
+
if ((0, import_lodash16.isObject)(link2) === false || (0, import_lodash16.isArray)(link2.tags) === false) {
|
|
5793
5814
|
return;
|
|
5794
5815
|
}
|
|
5795
5816
|
link2.tags.forEach((tag) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "accessibility-insights-report",
|
|
3
|
-
"version": "4.6.
|
|
3
|
+
"version": "4.6.5",
|
|
4
4
|
"description": "Accessibility Insights Report",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"files": [
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"axe-core": "4.6.3",
|
|
23
23
|
"classnames": "^2.3.2",
|
|
24
24
|
"lodash": "^4.17.21",
|
|
25
|
-
"luxon": "^3.
|
|
25
|
+
"luxon": "^3.3.0",
|
|
26
26
|
"react": "^16.14.0",
|
|
27
27
|
"react-dom": "^16.14.0",
|
|
28
28
|
"react-helmet": "^6.1.0",
|