testaro 27.0.0 → 28.0.0

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

@@ -1,83 +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 { $accessibilityAuditRules, $severity } from '../../../constants/accessibility';
-import { AbstractRule, IAbstractRuleConfig } from '../../abstract-rule';
-
-export class FontStyleItalic 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.font_style_italic),
-    links: [
-      {
-        content: 'Avoiding chunks of italic text',
-        url: 'https://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning.html'
-      }
-    ],
-    recommendations: [],
-    severity: $severity.info,
-    type: CATEGORY_TYPE.BEST_PRACTICE
-  };
-
-  public validate(elements: HTMLElement[]): void {
-    const reportNode = (element: HTMLElement): void => {
-      let isItalic: boolean = false;
-      const textContent: string = DomUtility.getTextFromDescendantContent(element).trim();
-      const textContentLength: number = textContent.length;
-      const REASONABLE_LONG_TEXT: number = 80;
-
-      // Note: element.style may not exists, e.g. for an element in a different namespace
-      if (Css.getStyle(element, 'font-style') === 'italic' || typeof element.style === 'object' && element.style.fontStyle === 'italic') {
-        isItalic = true;
-      }
-
-      if (isItalic === false || textContentLength < REASONABLE_LONG_TEXT) {
-        return;
-      }
-
-      const report: IIssueReport = {
-        message: TranslateService.instant('font_style_italic_report_message', [textContentLength]),
-        node: element,
-        ruleId: this.ruleConfig.id
-      };
-
-      this.validator.report(report);
-    };
-
-    elements.forEach(reportNode);
-  }
-}

package/aslint/app/rules/aslint/redundant/h1-must-be/h1-must-be.documentation.md

@@ -1,46 +0,0 @@
-# h1-must-be
-
-## Rule id
-
-`h1-must-be`
-
-## Definition
-
-This rule verifies if there is defined heading `h1` on the page.
-
-## Purpose
-
-Most content on web pages should be organized into sections. When pages are organized into sections, a heading should be present.
-
-All pages should at least have a `<h1>` level heading giving the title of the page.
-
-This rule checks 1 case:
-
-* Determine if there is at least 1 element `<h1>`.
-
-**Note**: the rule does not check if the content of `<h1>` is empty.
-
-## Test cases
-
-### Passed
-
-The rule passes when there is at least 1 `<h1>` element.
-
-## WCAG Success Criteria
-
-Not Applicable
-
-## Best Practice
-
-Yes
-
-## User Impact
-
-* **Severity**: critical
-* **Disabilities Affected**:
-  * Visual:
-    * blindness
-
-## Resources
-
-* https://www.w3.org/WAI/tutorials/page-structure/headings/

package/aslint/app/rules/aslint/redundant/h1-must-be/h1-must-be.test.ts

@@ -1,46 +0,0 @@
-import { H1MustBe } from './h1-must-be';
-import { Validator } from '../../../validator';
-import { DomUtility } from '../../../utils/dom';
-
-describe('Rules', () => {
-
-  describe('H1MustBe', () => {
-
-    let fakeDom;
-
-    new H1MustBe().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 no elements with h1', () => {
-      fakeDom.innerHTML = '<div><h2>h1</h2></div>';
-
-      new H1MustBe().run(fakeDom);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(1);
-      expect(Validator.getReport('report_0').message).toBe('Expected at least one heading <code>h1</code> element, but found none.');
-      expect(Validator.getReport('report_0').node).toBe(null);
-      expect(Validator.getReport('report_0').ruleId).toBe('h1-must-be');
-    });
-
-    it('should return no reports when there is element with h1', () => {
-      fakeDom.innerHTML = '<div><h1>h1</h1></div>';
-
-      new H1MustBe().run(fakeDom);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(0);
-    });
-
-  });
-});

package/aslint/app/rules/aslint/redundant/h1-must-be/h1-must-be.ts

@@ -1,36 +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 H1MustBe extends AbstractRule {
-  protected selector: string = 'h1';
-  protected ruleConfig: IAbstractRuleConfig = {
-    id: TextUtility.convertUnderscoresToDashes($accessibilityAuditRules.h1_must_be),
-    links: [
-      {
-        content: 'Web Accessibility Tutorials: Headings',
-        url: 'https://www.w3.org/WAI/tutorials/page-structure/headings/'
-      }
-    ],
-    recommendations: [],
-    severity: $severity.critical,
-    type: CATEGORY_TYPE.BEST_PRACTICE
-  };
-
-  public validate(elements: Element[]): void {
-    if (elements.length > 0) {
-      return;
-    }
-
-    const report: IIssueReport = {
-      message: TranslateService.instant('h1_must_report_message'),
-      node: null,
-      ruleId: this.ruleConfig.id
-    };
-
-    this.validator.report(report);
-  }
-}

package/aslint/app/rules/aslint/role-application/role-application.test.ts

@@ -1,48 +0,0 @@
-import { RoleApplication } from './role-application';
-import { Validator } from '../../../validator';
-import { DomUtility } from '../../../utils/dom';
-
-describe('Rules', () => {
-
-  describe('RoleApplication', () => {
-
-    let fakeDom;
-
-    new RoleApplication().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 correct data for p with role="application"', () => {
-      fakeDom.innerHTML = '<p role="application"></p>';
-      const nodes = DomUtility.querySelectorAllExclude('[role="application"]', fakeDom) as HTMLElement[];
-
-      new RoleApplication().validate(nodes);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(1);
-      expect(Validator.getReport('report_0').message).toBe('Use <code>role="application"</code> carefully as it is used to denote a region of a web application that is to be treated like a desktop application, not like a regular web page.');
-      expect(Validator.getReport('report_0').node.nodeName.toLowerCase()).toBe('p');
-      expect(Validator.getReport('report_0').ruleId).toBe('role-application');
-    });
-
-    it('should return no reports in case no elements with p with role="application"', () => {
-      fakeDom.innerHTML = '<p>Test</p>';
-      const nodes = DomUtility.querySelectorAllExclude('[role="application"]', fakeDom) as HTMLElement[];
-
-      new RoleApplication().validate(nodes);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(0);
-    });
-
-  });
-});

package/aslint/app/rules/aslint/role-application/role-application.ts

@@ -1,38 +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 RoleApplication extends AbstractRule {
-  protected selector: string = '[role="application"]';
-
-  protected ruleConfig: IAbstractRuleConfig = {
-    id: TextUtility.convertUnderscoresToDashes($accessibilityAuditRules.role_application),
-    links: [
-      {
-        content: 'Using ARIA role=application',
-        url: 'https://w3c.github.io/aria-in-html/'
-      }
-    ],
-    recommendations: [],
-    severity: $severity.critical,
-    type: CATEGORY_TYPE.BEST_PRACTICE
-  };
-
-  public validate(elements: HTMLElement[]): void {
-    const checkTabindex = (element: HTMLElement): void => {
-      const report: IIssueReport = {
-        message: TranslateService.instant('role_application_report_message'),
-        node: element,
-        ruleId: this.ruleConfig.id
-      };
-
-      this.validator.report(report);
-    };
-
-    elements.forEach(checkTabindex);
-  }
-}

package/aslint/app/rules/aslint/rtl-content/rtl-content.test.ts

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

package/aslint/app/rules/aslint/rtl-content/rtl-content.ts

@@ -1,75 +0,0 @@
-import { Css } from '../../../utils/css';
-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 RtlContent extends AbstractRule {
-  protected selector: string = `*${[
-    ':root',
-    'head',
-    'style',
-    'script',
-    'meta',
-    'link',
-    'br',
-    'hr',
-    'object',
-    'path',
-    'g',
-    'filter',
-    'img',
-    'input',
-    'iframe',
-    'code',
-    ':empty'
-  ].map((i: string): string => {
-    return `:not(${i})`;
-  }).join('')}`;
-
-  protected ruleConfig: IAbstractRuleConfig = {
-    id: TextUtility.convertUnderscoresToDashes($accessibilityAuditRules.rtl_content),
-    links: [
-      {
-        content: 'Right to left implementation tricks',
-        url: 'http://www.ctomczyk.pl/right-to-left-implementation-tricks/642/'
-      }
-    ],
-    recommendations: [],
-    severity: $severity.info,
-    type: CATEGORY_TYPE.BEST_PRACTICE
-  };
-
-  public validate(elements: HTMLElement[]): any {
-    const nodesToReport: HTMLElement[] = [];
-
-    const reportRTL = (element: HTMLElement): void => {
-      if (element.nodeType !== element.ELEMENT_NODE) {
-        return;
-      }
-
-      const direction: string | null = Css.getStyle(element, 'direction');
-
-      if (typeof direction === 'string' && direction.toLowerCase() === 'rtl') {
-        nodesToReport.push(element);
-      }
-    };
-
-    elements.forEach(reportRTL);
-
-    const createReport = (element: HTMLElement): void => {
-      const problem: IIssueReport = {
-        message: TranslateService.instant('rtl_content_report_message'),
-        node: element,
-        ruleId: this.ruleConfig.id
-      };
-
-      this.validator.report(problem);
-    };
-
-    nodesToReport.forEach(createReport);
-  }
-}

package/aslint/app/rules/aslint/unclear-uri-on-a/unclear-anchor-uri.test.ts

@@ -1,12 +0,0 @@
-import { UnclearAnchorUri } from './unclear-anchor-uri';
-
-describe('Rules', () => {
-
-  describe('UnclearAnchorUri', () => {
-
-    it('should indicate that class exists', () => {
-      expect(UnclearAnchorUri).toBeDefined();
-    });
-
-  });
-});

package/aslint/app/rules/aslint/unclear-uri-on-a/unclear-anchor-uri.ts

@@ -1,48 +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 UnclearAnchorUri extends AbstractRule {
-  protected selector: string = 'a[href="#"], a[href*=javascript\\:], a[href=""]';
-
-  protected ruleConfig: IAbstractRuleConfig = {
-    id: TextUtility.convertUnderscoresToDashes($accessibilityAuditRules.unclear_anchor_uri),
-    links: [
-      {
-        content: 'Making AJAX applications crawlable',
-        url: 'https://developers.google.com/webmasters/ajax-crawling/docs/learn-more#what-the-user-sees-what-the-crawler-sees'
-      }
-    ],
-    recommendations: [],
-    severity: $severity.high,
-    type: CATEGORY_TYPE.BEST_PRACTICE
-  };
-
-  public validate(anchorElements: HTMLAnchorElement[]): void {
-    const checkHref = (anchorElement: HTMLAnchorElement): void => {
-      const hrefAttr: string | null = anchorElement.getAttribute('href');
-
-      if (hrefAttr === null) {
-        return;
-      }
-
-      const report: IIssueReport = {
-        message: TranslateService.instant('unclear_uri_on_a_report_message_1', [anchorElement.href]),
-        node: anchorElement,
-        ruleId: this.ruleConfig.id
-      };
-
-      this.validator.report(report);
-    };
-
-    const nodesLength: number = anchorElements.length;
-
-    if (nodesLength) {
-      anchorElements.forEach(checkHref);
-    }
-  }
-}

package/aslint/app/rules/aslint/unimportant/aria-hidden-false/aria-hidden-false.test.ts

@@ -1,73 +0,0 @@
-import { AriaHiddenFalse } from './aria-hidden-false';
-import { DomUtility } from '../../../utils/dom';
-import { Validator } from '../../../validator';
-
-describe('Rules', () => {
-
-  describe('AriaHiddenFalse', () => {
-
-    let fakeDom;
-    const selector = 'body [aria-hidden="false"]';
-
-    new AriaHiddenFalse().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 aria-hidden="false"', () => {
-      fakeDom.innerHTML = '<p aria-hidden="false"></p>';
-
-      const nodes: Element[] = DomUtility.querySelectorAllExclude(selector, fakeDom);
-
-      new AriaHiddenFalse().validate(nodes);
-
-      expect(Validator.getReport('report_0').ruleId).toBe('aria-hidden-false');
-      expect(Validator.getReport('report_0').message).toBe('You have defined <code>aria-hidden&#x3D;&quot;false&quot;</code>. Caution, as the child content is always readable by screen readers regardless of setting <code>display: none</code> on any child element.');
-      expect(Validator.getReport('report_0').node.nodeName.toLowerCase()).toBe('p');
-    });
-
-    it('should return 1 report when there is an element with attribute aria-hidden="false" and style="display: none"', () => {
-      fakeDom.innerHTML = '<p aria-hidden="false" style="display: none"></p>';
-
-      const nodes = DomUtility.querySelectorAllExclude(selector, fakeDom);
-
-      new AriaHiddenFalse().validate(nodes);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(1);
-      expect(Validator.getReport('report_0').message).toBe('You have defined <code>aria-hidden&#x3D;&quot;false&quot;</code>. Caution, as the child content is always readable by screen readers regardless of setting <code>display: none</code> on any child element.');
-      expect(Validator.getReport('report_0').node.nodeName.toLowerCase()).toBe('p');
-    });
-
-    it('should return no report when there is an element with attribute aria-hidden="true"', () => {
-      fakeDom.innerHTML = '<p aria-hidden="true"></p>';
-
-      const nodes = DomUtility.querySelectorAllExclude(selector, fakeDom);
-
-      new AriaHiddenFalse().validate(nodes);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(0);
-    });
-
-    it('should return no report when there is no element with attribute aria-hidden="false"', () => {
-      fakeDom.innerHTML = '<p>test</p>';
-
-      const nodes = DomUtility.querySelectorAllExclude(selector, fakeDom);
-
-      new AriaHiddenFalse().validate(nodes);
-
-      expect(Object.keys(Validator.getReports()).length).toBe(0);
-    });
-
-  });
-
-});

package/aslint/app/rules/aslint/unimportant/aria-hidden-false/aria-hidden-false.ts

@@ -1,34 +0,0 @@
-import { CATEGORY_TYPE } from '../../../constants/categoryType';
-import { IIssueReport } from '../../../interfaces/rule-issue.interface';
-import { TranslateService } from '../../../services/translate';
-import { $severity, $accessibilityAuditRules } from '../../../constants/accessibility';
-import { TextUtility } from '../../../utils/text';
-import { AbstractRule, IAbstractRuleConfig } from '../../abstract-rule';
-
-export class AriaHiddenFalse extends AbstractRule {
-  protected selector: string = 'body [aria-hidden="false"]';
-
-  protected ruleConfig: IAbstractRuleConfig = {
-    id: TextUtility.convertUnderscoresToDashes($accessibilityAuditRules.aria_hidden_false),
-    links: [],
-    recommendations: [],
-    severity: $severity.low,
-    type: CATEGORY_TYPE.BEST_PRACTICE
-  };
-
-  public validate(elements: Element[]): void {
-    const reportProblem = (element: Element): void => {
-      const reportMessage: string = TranslateService.instant('aria_hidden_false_report_message', [TextUtility.escape('aria-hidden="false"'), TextUtility.escape('display: none')]);
-
-      const problem: IIssueReport = {
-        message: reportMessage,
-        node: element,
-        ruleId: this.ruleConfig.id
-      };
-
-      this.validator.report(problem);
-    };
-
-    elements.forEach(reportProblem);
-  }
-}

package/aslint/app/rules/aslint/unimportant/aria-hidden-false/aria-hidden.documentation.md

@@ -1,32 +0,0 @@
-# aria-hidden
-
-## Rule id
-
-`aria-hidden`
-
-## Definition
-
-`aria-hidden="false"` should be used with caution.
-
-## Purpose
-
-When `aria-hidden="false"` is defined then we need to be cautious, as the child content is always readable by screen readers regardless of setting `aria-hidden="false"` on any child element.
-
-## WCAG Success Criteria
-
-Not Applicable
-
-## Best Practice
-
-Yes
-
-## User Impact
-
-* **Severity**: low
-* **Disabilities Affected**:
-  * Visual:
-    * blindness
-
-## Resources
-
-Not available

package/aslint/app/rules/aslint/unimportant/content-editable-missing-attributes/content-editable-missing-attributes.docmentation.md

@@ -1,48 +0,0 @@
-# content-editable-missing-attributes
-
-## Rule id
-
-`content-editable-missing-attributes`
-
-## Definition
-
-This rule verifies if element with attribute `contenteditable` have defined also following attributes:
-
-1. `aria-multiline`
-2. `aria-labelledby` or `aria-label`
-
-## Purpose
-
-When `aria-multiline="true"` is set then Assistive Technologies informs the user that the textbox supports multi-line input, with the expectation that <kbd>Enter</kbd> or <kbd>Return</kbd> will create a line break rather than submitting the form.
-
-`aria-label` here is recommended to specify a string to be used as the accessible label.
-
-Eventually `aria-labelledby` can be used to specify the `id` of another element in the DOM as an element's label.
-
-## Test cases
-
-### Passed
-
-The rule passes when all of the following cases are fulfilled:
-
-1. Attribute `contenteditable` is defined.
-2. `aria-label` or `aria-labelledby` is defined. The rule does not validate `aria-labelledby` ids if the referenced elements exists.
-
-## WCAG Success Criteria
-
-Not Applicable
-
-## Best Practice
-
-Yes
-
-## User Impact
-
-* **Severity**: high
-* **Disabilities Affected**:
-  * Visual:
-    * blindness
-
-## Resources
-
-Not available