testaro 27.0.0 → 28.0.0

package/aslint/app/rules/aslint/redundant/capital-letters-words/capital-letters-words.ts

@@ -1,120 +0,0 @@
-import { DomUtility } from '../../../utils/dom';
-import { Css } from '../../../utils/css';
-import { TextUtility } from '../../../utils/text';
-import { CATEGORY_TYPE } from '../../../constants/categoryType';
-import { IIssueReport } from '../../../interfaces/rule-issue.interface';
-import { TranslateService } from '../../../services/translate';
-import { $severity } from '../../../constants/accessibility';
-import { $accessibilityAuditRules } from '../../../constants/accessibility';
-import { AbstractRule, IAbstractRuleConfig } from '../../abstract-rule';
-
-export class CapitalLettersWords extends AbstractRule {
-  protected selector: string = `*${[
-    ':root',
-    'head',
-    'style',
-    'script',
-    'noscript',
-    'meta',
-    'link',
-    'br',
-    'hr',
-    'object',
-    'svg',
-    'path',
-    'defs',
-    'rect',
-    'clippath',
-    'use',
-    'g',
-    'b',
-    'filter',
-    'img',
-    'picture',
-    'input',
-    'iframe',
-    'code',
-    'metadata',
-    ':empty'
-  ].map((i: string): string => {
-    return `:not(${i})`;
-  }).join('')}`;
-
-  protected ruleConfig: IAbstractRuleConfig = {
-    id: TextUtility.convertUnderscoresToDashes($accessibilityAuditRules.capital_letters_words),
-    links: [
-      {
-        content: 'Dyslexia Font and Style Guide',
-        url: 'https://www.dyslexia-reading-well.com/dyslexia-font.html'
-      },
-      {
-        content: 'Typefaces for dyslexia',
-        url: 'https://bdatech.org/what-technology/typefaces-for-dyslexia/'
-      }
-    ],
-    recommendations: [],
-    severity: $severity.high,
-    type: CATEGORY_TYPE.BEST_PRACTICE
-  };
-
-  public validate(nodes: HTMLElement[]): void {
-    const onlyWordsWithUpperCases = (word: string): boolean => {
-      return TextUtility.isUpperCase(word);
-    };
-
-    const processNode = (element: HTMLElement): void => {
-      const report: IIssueReport = {
-        message: '',
-        node: element,
-        ruleId: this.ruleConfig.id
-      };
-
-      let reportMessage: string = '';
-
-      let words: string[];
-      let onlyWordsWithUpperCase: string[] = [];
-
-      const text: string = DomUtility.getTextFromDescendantContent(element).trim();
-
-      words = text.split(' ');
-
-      if (text.length > 0 && words.length > 0) {
-        if (Css.isCssTextTransformUsed(element)) {
-          reportMessage = TranslateService.instant('capital_letters_words_report_message1', [text.toUpperCase()]);
-        } else {
-
-          onlyWordsWithUpperCase = words.filter(onlyWordsWithUpperCases);
-
-          if (onlyWordsWithUpperCase.length > 1) {
-            reportMessage = TranslateService.instant('capital_letters_words_report_message2');
-          }
-        }
-      }
-
-      const titleAttribute: string | null = element.getAttribute('title');
-
-      if (typeof titleAttribute === 'string' && titleAttribute.trim().length > 0) {
-        words = titleAttribute.split(' ');
-        onlyWordsWithUpperCase = words.filter(onlyWordsWithUpperCases);
-
-        if (onlyWordsWithUpperCase.length > 1) {
-          if (reportMessage.length === 0) {
-            reportMessage = TranslateService.instant('capital_letters_words_report_message3', [titleAttribute]);
-          } else {
-            reportMessage = TranslateService.instant('capital_letters_words_report_message4', [titleAttribute]);
-          }
-        }
-      }
-
-      if (reportMessage.length === 0) {
-        return;
-      }
-
-      report.message = `${reportMessage} ${TranslateService.instant('capital_letters_words_report_explanation')}`;
-
-      this.validator.report(report);
-    };
-
-    nodes.forEach(processNode);
-  }
-}

package/aslint/app/rules/aslint/redundant/contentinfo-landmark-only-one/contentinfo-landmark-only-one.documentation.md

@@ -1,45 +0,0 @@
-# contentinfo-landmark-only-one
-
-## Rule id
-
-`contentinfo-landmark-only-one`
-
-## Definition
-
-This rule verifies if there is no more than 1 element with an attribute `role="contentinfo"`.
-
-## Purpose
-
-Based on https://www.w3.org/TR/wai-aria/#contentinfo
-
-> Within any document or application, the author SHOULD mark no more than one element with the contentinfo role.
-
-
-## Test cases
-
-### Passed
-
-The rule passes when all of the following cases are fulfilled:
-
-1. There is no more than 1 element with an attribute `role="contentinfo"`
-
-## WCAG Success Criteria
-
-Not Applicable
-
-## Best Practice
-
-Yes
-
-## User Impact
-
-* **Severity**: low
-* **Disabilities Affected**:
-  * Visual:
-    * blindness
-
-## Resources
-
-* https://www.w3.org/TR/wai-aria/#contentinfo
-* http://www.w3.org/TR/WCAG20-TECHS/ARIA11
-

package/aslint/app/rules/aslint/redundant/contentinfo-landmark-only-one/contentinfo-landmark-only-one.test.ts

@@ -1,63 +0,0 @@
-import { ContentinfoLandmarkOnlyOne } from './contentinfo-landmark-only-one';
-import { DomUtility } from '../../../utils/dom';
-import { Validator } from '../../../validator';
-
-describe('Rules', () => {
-
-  describe('ContentinfoLandmarkOnlyOne', () => {
-
-    let fakeDom;
-
-    new ContentinfoLandmarkOnlyOne().registerValidator();
-
-    beforeEach(() => {
-      fakeDom = document.createElement('div');
-      fakeDom.id = 'fakedom';
-      document.body.appendChild(fakeDom);
-
-      Validator.reset();
-    });
-
-    afterEach(() => {
-      DomUtility.remove(document.getElementById('fakedom'));
-      fakeDom = undefined;
-    });
-
-    it('should return one report when there is an element with more than one attribute role="contentinfo"', () => {
-      fakeDom.innerHTML = '<div role="contentinfo"></div><div role="contentinfo"></div>';
-
-      const nodes = DomUtility.querySelectorAllExclude('[role=contentinfo]', fakeDom);
-
-      new ContentinfoLandmarkOnlyOne().validate(nodes);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(2);
-      expect(Validator.getReport('report_0').message).toBe('Expected attribute <code>role&#x3D;&quot;contentinfo&quot;</code> to be defined only once. You have 2 .');
-      expect(Validator.getReport('report_0').node.nodeName.toLowerCase()).toBe('div');
-      expect(Validator.getReport('report_0').ruleId).toBe('contentinfo-landmark-only-one');
-      expect(Validator.getReport('report_1').message).toBe('Expected attribute <code>role&#x3D;&quot;contentinfo&quot;</code> to be defined only once. You have 2 .');
-      expect(Validator.getReport('report_1').node.nodeName.toLowerCase()).toBe('div');
-      expect(Validator.getReport('report_1').ruleId).toBe('contentinfo-landmark-only-one');
-    });
-
-    it('should return no reports when there is 1 element with attribute role="contentinfo"', () => {
-      fakeDom.innerHTML = '<div role="contentinfo">';
-
-      const nodes = DomUtility.querySelectorAllExclude('[role=contentinfo]', fakeDom);
-
-      new ContentinfoLandmarkOnlyOne().validate(nodes);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(0);
-    });
-
-    it('should return no reports when there is no elements with attribute role="contentinfo"', () => {
-      fakeDom.innerHTML = '<div>contentinfo</div>';
-      const nodes = DomUtility.querySelectorAllExclude('[role=contentinfo]', fakeDom);
-
-      new ContentinfoLandmarkOnlyOne().validate(nodes);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(0);
-    });
-
-  });
-
-});

package/aslint/app/rules/aslint/redundant/contentinfo-landmark-only-one/contentinfo-landmark-only-one.ts

@@ -1,44 +0,0 @@
-import { TextUtility } from '../../../utils/text';
-import { CATEGORY_TYPE } from '../../../constants/categoryType';
-import { IIssueReport } from '../../../interfaces/rule-issue.interface';
-import { $accessibilityAuditRules, $severity } from '../../../constants/accessibility';
-import { TranslateService } from '../../../services/translate';
-import { AbstractRule, IAbstractRuleConfig } from '../../abstract-rule';
-
-export class ContentinfoLandmarkOnlyOne extends AbstractRule {
-  protected selector: string = '[role="contentinfo"]';
-  protected ruleConfig: IAbstractRuleConfig = {
-    id: TextUtility.convertUnderscoresToDashes($accessibilityAuditRules.contentinfo_landmark_only_one),
-    links: [
-      {
-        content: 'ARIA11: Using ARIA landmarks to identify regions of a page',
-        url: 'http://www.w3.org/TR/WCAG20-TECHS/ARIA11'
-      },
-      {
-        content: 'Accessible Rich Internet Applications (WAI-ARIA) 1.0 Specification: contentinfo role',
-        url: 'https://www.w3.org/TR/wai-aria/#contentinfo'
-      }
-    ],
-    recommendations: [],
-    severity: $severity.low,
-    type: CATEGORY_TYPE.BEST_PRACTICE
-  };
-
-  public validate(nodes: Element[]): void {
-    const total: number = nodes.length;
-
-    if (total > 1) {
-      nodes.forEach((element: Element): void => {
-        const reportMessage: string = TranslateService.instant('contentinfo_landmark_only_one_report_message', [TextUtility.escape('role="contentinfo"'), total, '.']);
-
-        const report: IIssueReport = {
-          message: reportMessage,
-          node: element,
-          ruleId: this.ruleConfig.id
-        };
-
-        this.validator.report(report);
-      });
-    }
-  }
-}

package/aslint/app/rules/aslint/redundant/empty-title-attribute/empty-title-attribute.documentation.md

@@ -1,55 +0,0 @@
-# empty-title-attribute
-
-## Rule id
-
-`empty-title-attribute`
-
-## Definition
-
-This rule verifies if there are elements that have an attribute `title` with an empty value. This includes also whitespaces.
-
-## Purpose
-
-`title` attribute should not be empty. This will ensure that the value of `title` will be processed in a predictable way. As a side effect removing an empty value of `title` attribute will make the code smaller, which means less data to transfer and faster processing by e.g. the browser.
-
-Following elements are being skip while evaluating this rule:
-
-      <img/>,
-      <html>,
-      <head>,
-      <title>,
-      <body>,
-      <link/>,
-      <meta>,
-      <title>,
-      <style>,
-      <script>,
-      <noscript>,
-      <iframe>,
-      <br/>,
-      <hr/>
-
-## Test cases
-
-### Passed
-
-The rule passes when element have an attribute `title` with non-empty value. This includes also whitespaces.
-
-## WCAG Success Criteria
-
-Not Applicable
-
-## Best Practice
-
-Yes
-
-## User Impact
-
-* **Severity**: low
-* **Disabilities Affected**:
-  * Visual:
-    * blindness
-
-## Resources
-
-* https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title#accessibility_concerns

package/aslint/app/rules/aslint/redundant/empty-title-attribute/empty-title-attribute.test.ts

@@ -1,80 +0,0 @@
-import { DomUtility } from '../../../utils/dom';
-import { Validator } from '../../../validator';
-import { EmptyTitleAttribute } from './empty-title-attribute';
-
-describe('Rules', () => {
-
-  describe('EmptyTitleAttribute', () => {
-
-    const selector: string = `[title]${[
-      ':not(img)',
-      ':not(html)',
-      ':not(head)',
-      ':not(title)',
-      ':not(body)',
-      ':not(link)',
-      ':not(meta)',
-      ':not(title)',
-      ':not(style)',
-      ':not(script)',
-      ':not(noscript)',
-      ':not(iframe)',
-      ':not(br)',
-      ':not(hr)'
-    ].join('')}`;
-
-    let fakeDom;
-
-    new EmptyTitleAttribute().registerValidator();
-
-    beforeEach(() => {
-      fakeDom = document.createElement('div');
-      fakeDom.id = 'fakedom';
-      document.body.appendChild(fakeDom);
-
-      Validator.reset();
-    });
-
-    afterEach(() => {
-      DomUtility.remove(document.getElementById('fakedom'));
-      fakeDom = undefined;
-    });
-
-    it('should return one report when there is an element with defined an attribute title with an empty value', () => {
-      fakeDom.innerHTML = '<div title="">test</div>';
-
-      const nodes = DomUtility.querySelectorAllExclude(selector, fakeDom);
-
-      new EmptyTitleAttribute().validate(nodes);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(1);
-      expect(Validator.getReport('report_0').message).toBe('You have an attribute <code>title</code> with an empty content.');
-      expect(Validator.getReport('report_0').node.nodeName.toLowerCase()).toBe('div');
-      expect(Validator.getReport('report_0').ruleId).toBe('empty-title-attribute');
-    });
-
-    it('should return one report when there is an element with defined an attribute title with an empty value (only spaces)', () => {
-      fakeDom.innerHTML = '<div title="    ">test</div>';
-
-      const nodes = DomUtility.querySelectorAllExclude(selector, fakeDom);
-
-      new EmptyTitleAttribute().validate(nodes);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(1);
-      expect(Validator.getReport('report_0').message).toBe('You have an attribute <code>title</code> with an empty content.');
-      expect(Validator.getReport('report_0').node.nodeName.toLowerCase()).toBe('div');
-      expect(Validator.getReport('report_0').ruleId).toBe('empty-title-attribute');
-    });
-
-    it('should return no reports when there is an element with attribute title and non-empty value', () => {
-      fakeDom.innerHTML = '<div title="some title">test</div>';
-
-      const nodes = DomUtility.querySelectorAllExclude(selector, fakeDom);
-
-      new EmptyTitleAttribute().validate(nodes);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(0);
-    });
-
-  });
-});

package/aslint/app/rules/aslint/redundant/empty-title-attribute/empty-title-attribute.ts

@@ -1,58 +0,0 @@
-import { CATEGORY_TYPE } from '../../../constants/categoryType';
-import { IIssueReport } from '../../../interfaces/rule-issue.interface';
-import { TextUtility } from '../../../utils/text';
-import { TranslateService } from '../../../services/translate';
-import { $accessibilityAuditRules, $severity } from '../../../constants/accessibility';
-import { AbstractRule, IAbstractRuleConfig } from '../../abstract-rule';
-
-export class EmptyTitleAttribute extends AbstractRule {
-  protected selector: string = `[title]${[
-    ':not(img)',
-    ':not(html)',
-    ':not(head)',
-    ':not(title)',
-    ':not(body)',
-    ':not(link)',
-    ':not(meta)',
-    ':not(title)',
-    ':not(style)',
-    ':not(script)',
-    ':not(noscript)',
-    ':not(iframe)',
-    ':not(br)',
-    ':not(hr)'
-  ].join('')}`;
-
-  protected ruleConfig: IAbstractRuleConfig = {
-    id: TextUtility.convertUnderscoresToDashes($accessibilityAuditRules.empty_title_attribute),
-    links: [
-      {
-        content: 'H67: Using null alt text and no title attribute on img elements for images that AT should ignore',
-        url: 'https://www.w3.org/TR/WCAG20-TECHS/H67.html'
-      }
-    ],
-    recommendations: [],
-    severity: $severity.low,
-    type: CATEGORY_TYPE.BEST_PRACTICE
-  };
-
-  public validate(elements: Element[]): void {
-    const reportEmptyTitle = (element: Element): void => {
-      const titleAttribute: string | null = element.getAttribute('title');
-
-      if (titleAttribute === null || titleAttribute.trim().length > 0) {
-        return;
-      }
-
-      const report: IIssueReport = {
-        message: TranslateService.instant('empty_title_attribute_report_message'),
-        node: element,
-        ruleId: this.ruleConfig.id
-      };
-
-      this.validator.report(report);
-    };
-
-    elements.forEach(reportEmptyTitle);
-  }
-}

package/aslint/app/rules/aslint/redundant/flash-content/flash-content.documentation.md

@@ -1,48 +0,0 @@
-# flash-content
-
-## Rule id
-
-`flash-content`
-
-## Definition
-
-This rule verifies if there are Adobe Flash Player components.
-
-## Purpose
-
-> Since Adobe no longer supports Flash Player after December 31, 2020 and blocked Flash content from running in Flash Player beginning January 12, 2021, Adobe strongly recommends all users immediately uninstall Flash Player to help protect their systems.
-
-Source: https://www.adobe.com/products/flashplayer/end-of-life.html
-
-Due to above security reasons and poor an accessibility support Adobe Flash player should be removed.
-
-Following elements are being considered as Adobe Flash Player while evaluating this rule:
-
-CSS selector:
-
-    [classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"], embed[type="application/x-shockwave-flash"], object[type="application/x-shockwave-flash"]
-
-## Test cases
-
-### Passed
-
-The rule passes when there are no elements that refers to Adobe Flash Player.
-
-## WCAG Success Criteria
-
-Not Applicable
-
-## Best Practice
-
-Yes
-
-## User Impact
-
-* **Severity**: low
-* **Disabilities Affected**:
-  * Visual:
-    * blindness
-
-## Resources
-
-* https://www.adobe.com/products/flashplayer/end-of-life.html

package/aslint/app/rules/aslint/redundant/flash-content/flash-content.test.ts

@@ -1,52 +0,0 @@
-import { FlashContent } from './flash-content';
-import { DomUtility } from '../../../utils/dom';
-import { Validator } from '../../../validator';
-
-describe('Rules', () => {
-
-  describe('#flash-content', () => {
-
-    let fakeDom;
-
-    new FlashContent().registerValidator();
-
-    beforeEach(() => {
-      fakeDom = document.createElement('div');
-      fakeDom.id = 'fakedom';
-      document.body.appendChild(fakeDom);
-
-      Validator.reset();
-    });
-
-    afterEach(() => {
-      DomUtility.remove(document.getElementById('fakedom'));
-      fakeDom = undefined;
-    });
-
-    it('should return one report for one flash object', () => {
-      const objectEl = document.createElement('object');
-
-      objectEl.setAttribute('classid', 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000');
-      objectEl.setAttribute('codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0');
-      fakeDom.appendChild(objectEl);
-
-      const nodes = DomUtility.querySelectorAllExclude('[classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"]', fakeDom);
-
-      new FlashContent().validate(nodes);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(1);
-    });
-
-    it('should return no reports where there are no flash objects', () => {
-      fakeDom.innerHTML = '<a href="#">test</a>';
-
-      const nodes = DomUtility.querySelectorAllExclude('[classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"]', fakeDom);
-
-      new FlashContent().validate(nodes);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(0);
-    });
-
-  });
-
-});

package/aslint/app/rules/aslint/redundant/flash-content/flash-content.ts

@@ -1,32 +0,0 @@
-import { CATEGORY_TYPE } from '../../../constants/categoryType';
-import { IIssueReport } from '../../../interfaces/rule-issue.interface';
-import { TextUtility } from '../../../utils/text';
-import { TranslateService } from '../../../services/translate';
-import { $severity } from '../../../constants/accessibility';
-import { $accessibilityAuditRules } from '../../../constants/accessibility';
-import { AbstractRule, IAbstractRuleConfig } from '../../abstract-rule';
-
-export class FlashContent extends AbstractRule {
-  protected selector: string = '[classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"], embed[type="application/x-shockwave-flash"], object[type="application/x-shockwave-flash"]';
-  protected ruleConfig: IAbstractRuleConfig = {
-    id: TextUtility.convertUnderscoresToDashes($accessibilityAuditRules.flash_content),
-    links: [],
-    recommendations: [],
-    severity: $severity.critical,
-    type: CATEGORY_TYPE.BEST_PRACTICE
-  };
-
-  public validate(elements: Element[]): void {
-    const reportFlash = (element: Element): void => {
-      const problem: IIssueReport = {
-        message: TranslateService.instant('flash_content_report_message'),
-        node: element,
-        ruleId: this.ruleConfig.id
-      };
-
-      this.validator.report(problem);
-    };
-
-    elements.forEach(reportFlash);
-  }
-}

package/aslint/app/rules/aslint/redundant/font-style-italic/font-style-italic.documentation.md

@@ -1,44 +0,0 @@
-# font-style-italic
-
-## Rule id
-
-`font-style-italic`
-
-## Definition
-
-This rule verifies if there is defined `font-style` type `italic` for a text with length > 80 chars.
-
-## Purpose
-
-[WCAG Understanding Guideline 3.1](https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning.html) includes an advisory technique for "avoiding chunks of italic text". Similarly [WebAIM advises](https://webaim.org/articles/evaluatingcognitive/#readability) as follows: "Do not use italics or bold on long sections of text", but at the same time "use various stylistic elements (italics, bold, color, brief animation, or differently-styled content) to highlight important content".
-
-This rule checks 2 cases:
-
-* Determine reasonable text length - must be < 80 chars.
-* Determine if element has defined `font-style` type `italic`.
-
-## Test cases
-
-### Passed
-
-The rule passes when specified element contains text with length > 80 chars and have no defined style `font-style` type `italic`.
-
-## WCAG Success Criteria
-
-Not Applicable
-
-## Best Practice
-
-Yes
-
-## User Impact
-
-* **Severity**: low
-* **Disabilities Affected**:
-  * Visual:
-    * blindness
-
-## Resources
-
-* https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning.html
-* https://webaim.org/articles/evaluatingcognitive/#readability

package/aslint/app/rules/aslint/redundant/font-style-italic/font-style-italic.test.ts

@@ -1,12 +0,0 @@
-import { FontStyleItalic } from './font-style-italic';
-
-describe('Rules', () => {
-
-  describe('FontStyleItalic', () => {
-
-    it('should indicate that class exists', () => {
-      expect(FontStyleItalic).toBeDefined();
-    });
-
-  });
-});