1 files changed, 126 insertions, 0 deletions
diff --git a/devtools/client/webconsole/test/browser/browser_webconsole_non_standard_doctype_errors.js b/devtools/client/webconsole/test/browser/browser_webconsole_non_standard_doctype_errors.js
new file mode 100644
index 0000000000..c7be1b94ca
--- /dev/null
+++ b/devtools/client/webconsole/test/browser/browser_webconsole_non_standard_doctype_errors.js
@@ -0,0 +1,126 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+// Check that warning messages are displayed for documents with non-standards doctype
+
+const QUIRKY_DOCTYPE = "<!DOCTYPE xhtml2>";
+const ALMOST_STANDARD_DOCTYPE = `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">`;
+const STANDARD_DOCTYPE = "<!DOCTYPE html>";
+
+const TEST_URI_QUIRKY_DOCTYPE = `data:text/html,${QUIRKY_DOCTYPE}<meta charset="utf8"><h1>Quirky</h1>`;
+const TEST_URI_ALMOST_STANDARD_DOCTYPE = `data:text/html,${ALMOST_STANDARD_DOCTYPE}<meta charset="utf8"><h1>Almost standard</h1>`;
+const TEST_URI_NO_DOCTYPE = `data:text/html,<meta charset="utf8"><h1>No DocType</h1>`;
+const TEST_URI_STANDARD_DOCTYPE = `data:text/html,${STANDARD_DOCTYPE}<meta charset="utf8"><h1>Standard</h1>`;
+
+const LEARN_MORE_URI =
+  "https://developer.mozilla.org/docs/Web/HTML/Quirks_Mode_and_Standards_Mode" +
+  DOCS_GA_PARAMS;
+
+add_task(async function () {
+  info("Navigate to page with quirky doctype");
+  const hud = await openNewTabAndConsole(TEST_URI_QUIRKY_DOCTYPE);
+
+  const quirkyDocTypeMessage = await waitFor(() =>
+    findWarningMessage(
+      hud,
+      `This page is in Quirks Mode. Page layout may be impacted. For Standards Mode use “<!DOCTYPE html>”`
+    )
+  );
+  ok(!!quirkyDocTypeMessage, "Quirky doctype warning message is visible");
+
+  info("Clicking on the Learn More link");
+  const quirkyDocTypeMessageLearnMoreLink =
+    quirkyDocTypeMessage.querySelector(".learn-more-link");
+  let linkSimulation = await simulateLinkClick(
+    quirkyDocTypeMessageLearnMoreLink
+  );
+
+  is(
+    linkSimulation.link,
+    LEARN_MORE_URI,
+    `Clicking the provided link opens expected URL`
+  );
+  is(linkSimulation.where, "tab", `Clicking the provided link opens in a tab`);
+
+  info("Navigate to page with almost standard doctype");
+  await navigateTo(TEST_URI_ALMOST_STANDARD_DOCTYPE);
+
+  const almostStandardDocTypeMessage = await waitFor(() =>
+    findWarningMessage(
+      hud,
+      `This page is in Almost Standards Mode. Page layout may be impacted. For Standards Mode use “<!DOCTYPE html>”`
+    )
+  );
+  ok(
+    !!almostStandardDocTypeMessage,
+    "Almost standards mode doctype warning message is visible"
+  );
+
+  info("Clicking on the Learn More link");
+  const almostStandardDocTypeMessageLearnMoreLink =
+    almostStandardDocTypeMessage.querySelector(".learn-more-link");
+  linkSimulation = await simulateLinkClick(
+    almostStandardDocTypeMessageLearnMoreLink
+  );
+
+  is(
+    linkSimulation.link,
+    LEARN_MORE_URI,
+    `Clicking the provided link opens expected URL`
+  );
+  is(linkSimulation.where, "tab", `Clicking the provided link opens in a tab`);
+
+  info("Navigate to page with no doctype");
+  await navigateTo(TEST_URI_NO_DOCTYPE);
+
+  const noDocTypeMessage = await waitFor(() =>
+    findWarningMessage(
+      hud,
+      `This page is in Quirks Mode. Page layout may be impacted. For Standards Mode use “<!DOCTYPE html>”`
+    )
+  );
+  ok(!!noDocTypeMessage, "No doctype warning message is visible");
+
+  info("Clicking on the Learn More link");
+  const noDocTypeMessageLearnMoreLink =
+    noDocTypeMessage.querySelector(".learn-more-link");
+  linkSimulation = await simulateLinkClick(noDocTypeMessageLearnMoreLink);
+
+  is(
+    linkSimulation.link,
+    LEARN_MORE_URI,
+    `Clicking the provided link opens expected URL`
+  );
+  is(linkSimulation.where, "tab", `Clicking the provided link opens in a tab`);
+
+  info("Navigate to a page with standard doctype");
+  await navigateTo(TEST_URI_STANDARD_DOCTYPE);
+  info("Wait for a bit to make sure there is no doctype messages");
+  await wait(1000);
+  ok(
+    !findWarningMessage(hud, `doctype`),
+    "There is no doctype warning message"
+  );
+
+  info("Navigate to a about:blank");
+  await navigateTo("about:blank");
+  info("Wait for a bit to make sure there is no doctype messages");
+  await wait(1000);
+  ok(
+    !findWarningMessage(hud, `doctype`),
+    "There is no doctype warning message for about:blank"
+  );
+
+  info("Navigate to a view-source uri");
+  await navigateTo(`view-source:${TEST_URI_NO_DOCTYPE}`);
+  info("Wait for a bit to make sure there is no doctype messages");
+  await wait(1000);
+  ok(
+    !findWarningMessage(hud, `doctype`),
+    "There is no doctype warning message for view-source"
+  );
+
+  await closeConsole();
+});