Bug 1866802 - Update documentation for the ASRouter and Discovery Stream devtools. r=pdahiya,thecount

Differential Revision: https://phabricator.services.mozilla.com/D195812

browser/components/newtab/content-src/asrouter/docs/debugging-docs.md

@@ -2,7 +2,7 @@
 
 ## How to enable ASRouter devtools
 - In `about:config`, set `browser.newtabpage.activity-stream.asrouter.devtoolsEnabled` to `true`
-- Visit `about:newtab#asrouter` to see the devtools.
+- Visit `about:asrouter` to see the devtools.
 
 ## Overview of ASRouter devtools
 

browser/components/newtab/content-src/components/DiscoveryStreamAdmin/DiscoveryStreamAdmin.jsx

@@ -403,18 +403,14 @@ export class DiscoveryStreamAdminInner extends React.PureComponent {
           <p className="helpLink">
             <span className="icon icon-small-spacer icon-info" />{" "}
             <span>
-              Need help using these tools? Check out our{" "}
+              Need to access the ASRouter Admin dev tools?{" "}
-              <a
+              <a target="blank" href="about:asrouter">
-                target="blank"
+                Click here
-                href="https://firefox-source-docs.mozilla.org/browser/components/newtab/content-src/asrouter/docs/debugging-docs.html"
-              >
-                documentation
               </a>
             </span>
           </p>
 
           <React.Fragment>
-            <h2>Discovery Stream</h2>
             <DiscoveryStreamAdminUI
               state={{
                 DiscoveryStream: this.props.DiscoveryStream,

browser/components/newtab/data/content/activity-stream.bundle.js

@@ -891,10 +891,10 @@ class DiscoveryStreamAdminInner extends (external_React_default()).PureComponent
       className: "helpLink"
     }, /*#__PURE__*/external_React_default().createElement("span", {
       className: "icon icon-small-spacer icon-info"
-    }), " ", /*#__PURE__*/external_React_default().createElement("span", null, "Need help using these tools? Check out our", " ", /*#__PURE__*/external_React_default().createElement("a", {
+    }), " ", /*#__PURE__*/external_React_default().createElement("span", null, "Need to access the ASRouter Admin dev tools?", " ", /*#__PURE__*/external_React_default().createElement("a", {
       target: "blank",
-      href: "https://firefox-source-docs.mozilla.org/browser/components/newtab/content-src/asrouter/docs/debugging-docs.html"
+      href: "about:asrouter"
-    }, "documentation"))), /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement("h2", null, "Discovery Stream"), /*#__PURE__*/external_React_default().createElement(DiscoveryStreamAdminUI, {
+    }, "Click here"))), /*#__PURE__*/external_React_default().createElement((external_React_default()).Fragment, null, /*#__PURE__*/external_React_default().createElement(DiscoveryStreamAdminUI, {
       state: {
         DiscoveryStream: this.props.DiscoveryStream,
         Personalization: this.props.Personalization

browser/components/newtab/docs/index.rst

@@ -99,6 +99,15 @@ running
   ./mach npm test --prefix=browser/components/newtab &&
   ./mach npm run debugcoverage --prefix=browser/components/newtab
 
+Discovery Stream Developer tools
+--------------------------------
+
+You can access the developer tools for the Discovery Stream components of about:newtab by
+visiting `about:config` and setting `browser.newtabpage.activity-stream.asrouter.devtoolsEnabled`
+to `true`.
+
+Then, go to any `about:newtab` page and click on the wrench icon in the top-right corner.
+
 Detailed Docs
 -------------
 .. toctree::

browser/components/newtab/test/unit/content-src/components/DiscoveryStreamAdmin.test.jsx

@@ -44,7 +44,7 @@ describe("DiscoveryStreamAdmin", () => {
     );
   });
   it("should render a DS section", () => {
-    assert.equal(wrapper.find("h2").at(0).text(), "Discovery Stream");
+    assert.equal(wrapper.find("h1").at(0).text(), "Discovery Stream Admin");
   });
 
   describe("#DiscoveryStream", () => {