no-default-alt-text.test.js

const altTextRule = require("../no-default-alt-text");
const runTest = require("./utils/run-test").runTest;

describe("GH001: No Default Alt Text", () => {
  describe("successes", () => {
    test("inline", async () => {
      const strings = [
        "![Chart with a single root node reading 'Example'](https://user-images.githubusercontent.com/abcdef.png)",
      ];

      const results = await runTest(strings, altTextRule);

      for (const result of results) {
        expect(result).not.toBeDefined();
      }
    });
    test("html image", async () => {
      const strings = [
        '<img alt="A helpful description" src="https://user-images.githubusercontent.com/abcdef.png">',
      ];

      const results = await runTest(strings, altTextRule);

      for (const result of results) {
        expect(result).not.toBeDefined();
      }
    });
  });
  describe("failures", () => {
    test("markdown example", async () => {
      const strings = [
        "![Screen Shot 2022-06-26 at 7 41 30 PM](https://user-images.githubusercontent.com/abcdef.png)",
        "![ScreenShot 2022-06-26 at 7 41 30 PM](https://user-images.githubusercontent.com/abcdef.png)",
        "![Screen shot 2022-06-26 at 7 41 30 PM](https://user-images.githubusercontent.com/abcdef.png)",
        "![Screenshot 2022-06-26 at 7 41 30 PM](https://user-images.githubusercontent.com/abcdef.png)",
      ];

      const results = await runTest(strings, altTextRule);

      const failedRules = results
        .map((result) => result.ruleNames)
        .flat()
        .filter((name) => !name.includes("GH"));

      expect(failedRules).toHaveLength(4);
      for (const rule of failedRules) {
        expect(rule).toBe("no-default-alt-text");
      }
    });

    test("HTML example", async () => {
      const strings = [
        '<img alt="Screen Shot 2022-06-26 at 7 41 30 PM" src="https://user-images.githubusercontent.com/abcdef.png">',
        '<img alt="ScreenShot 2022-06-26 at 7 41 30 PM" src="https://user-images.githubusercontent.com/abcdef.png">',
        '<img alt="Screen shot 2022-06-26 at 7 41 30 PM" src="https://user-images.githubusercontent.com/abcdef.png">',
        '<img alt="Screenshot 2022-06-26 at 7 41 30 PM" src="https://user-images.githubusercontent.com/abcdef.png">',
      ];

      const results = await runTest(strings, altTextRule);

      const failedRules = results
        .map((result) => result.ruleNames)
        .flat()
        .filter((name) => !name.includes("GH"));

      expect(failedRules).toHaveLength(4);
      for (const rule of failedRules) {
        expect(rule).toBe("no-default-alt-text");
      }
    });

    test("error message", async () => {
      const strings = [
        "![Screen Shot 2022-06-26 at 7 41 30 PM](https://user-images.githubusercontent.com/abcdef.png)",
        '<img alt="Screen Shot 2022-06-26 at 7 41 30 PM" src="https://user-images.githubusercontent.com/abcdef.png">',
      ];

      const results = await runTest(strings, altTextRule);

      expect(results[0].ruleDescription).toMatch(
        /Images should not use the MacOS default screenshot filename as alternate text/
      );
      expect(results[0].errorDetail).toBe(
        "For image: Screen Shot 2022-06-26 at 7 41 30 PM"
      );
      expect(results[1].ruleDescription).toMatch(
        /Images should not use the MacOS default screenshot filename as alternate text/
      );
      expect(results[1].errorDetail).toBe(
        'For image: <img alt="Screen Shot 2022-06-26 at 7 41 30 PM" src="https://user-images.githubusercontent.com/abcdef.png">'
      );
    });
  });
});