From 96330abde758c67ab7bd5e144465d07bc2a3035b Mon Sep 17 00:00:00 2001
From: nothuman <nothuman2.718@gmail.com>
Date: Sun, 10 Mar 2024 16:27:06 +0530
Subject: [PATCH] Fix table of contents issue

---
 .../run-nightwatch-on-circleci.md             |  4 +--
 .../run-nightwatch-on-gitlab.md               | 22 ++++++++++++++++
 .../run-nightwatch-on-jenkins.md              |  4 +--
 guide/component-testing/debugging.md          | 25 ++++++++++++++-----
 guide/component-testing/introduction.md       | 21 +++++++++++++---
 .../storybook-component-testing.md            |  4 +--
 .../testing-angular-components.md             | 21 ++++++++++++++++
 guide/concepts/page-object-model.md           |  4 +--
 .../configuration/aws-devicefarm-settings.md  |  4 +--
 .../nightwatch-configuration-file.md          |  4 +--
 guide/debugging-tests/using-debug.md          |  4 +--
 .../from-protractor.md                        | 12 ++++++++-
 guide/mobile-app-testing/debug-tests.md       | 10 +++++++-
 guide/mobile-app-testing/introduction.md      | 17 ++++++++++---
 guide/mobile-app-testing/selectors.md         |  4 +--
 guide/mobile-web-testing/with-appium.md       |  4 +--
 .../network-requests/capture-network-calls.md |  9 +++----
 ...ate-and-run-a-test-with-selenium-server.md |  2 +-
 guide/reporters/create-custom-reporter.md     |  4 +--
 guide/reporters/dom-history.md                |  8 +++---
 .../running-tests/capture-console-messages.md |  4 +--
 guide/running-tests/programmatic-api.md       |  4 +--
 .../running-tests/skipping-disabling-tests.md |  4 +--
 guide/running-tests/take-heap-snapshot.md     |  4 +--
 .../using-the-cli-test-runner.md              |  8 +++---
 .../using-nightwatch/accessibility-testing.md |  2 +-
 guide/using-page-objects/getting-started.md   |  4 +--
 .../writing-page-specific-commands.md         |  4 +--
 guide/writing-tests/adding-assertions.md      |  8 +++---
 guide/writing-tests/api-testing.md            |  2 +-
 .../writing-tests/chrome-devtools-recorder.md |  8 +++---
 guide/writing-tests/commands.md               |  8 +++---
 .../finding-interacting-with-dom-elements.md  |  4 +--
 guide/writing-tests/introduction.md           |  8 +++---
 guide/writing-tests/nightwatch-inspector.md   |  8 +++---
 guide/writing-tests/selectors.md              |  8 +++---
 guide/writing-tests/test-doubles.md           | 21 ++++++++++++++++
 guide/writing-tests/test-syntax-bdd.md        |  6 ++---
 guide/writing-tests/using-cucumberjs.md       |  8 +++---
 guide/writing-tests/using-mocha.md            |  8 +++---
 guide/writing-tests/using-test-hooks.md       |  4 +--
 guide/writing-tests/using-xpath-selectors.md  |  6 ++---
 .../write-complex-user-actions.md             |  4 +--
 .../write-nodejs-unit-integration-tests.md    |  9 +++++++
 44 files changed, 234 insertions(+), 107 deletions(-)

diff --git a/guide/ci-integrations/run-nightwatch-on-circleci.md b/guide/ci-integrations/run-nightwatch-on-circleci.md
index 4ee1b14e..dd980766 100644
--- a/guide/ci-integrations/run-nightwatch-on-circleci.md
+++ b/guide/ci-integrations/run-nightwatch-on-circleci.md
@@ -92,10 +92,10 @@ Click on the pipeline build that just ran followed by the job name i.e. `test`.
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/network-requests/capture-network-calls.html">
+    <a href="https://nightwatchjs.org/guide/ci-integrations/run-nightwatch-on-gitlab.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Capture network calls</span>
+          <span class="bigT">Gitlab CI</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/ci-integrations/run-nightwatch-on-gitlab.md b/guide/ci-integrations/run-nightwatch-on-gitlab.md
index 055d981e..5d9c5f15 100644
--- a/guide/ci-integrations/run-nightwatch-on-gitlab.md
+++ b/guide/ci-integrations/run-nightwatch-on-gitlab.md
@@ -125,3 +125,25 @@ You can view the execution output in the shell logs of the particular pipeline r
 
 ### Related articles
 - [How-to guides > Write tests > Run on CI Servers > Jenkins ](https://nightwatchjs.org/guide/ci-integrations/run-nightwatch-on-jenkins.html)
+
+
+<div class="doc-pagination pt-40">
+  <div class="previous">
+    <a href="https://nightwatchjs.org/guide/ci-integrations/run-nightwatch-on-circleci.html">
+      <span>←</span>
+        <div class="d-flex flex-column">
+          <span class="smallT">Back</span>
+          <span class="bigT">Circle CI</span>
+        </div>
+    </a>
+  </div>
+  <div class="next">
+    <a href="https://nightwatchjs.org/guide/network-requests/capture-network-calls.html">
+        <div class="d-flex flex-column">
+          <span class="smallT">Next Page</span>
+          <span class="bigT">Capture network calls</span>
+        </div>
+        <span>→</span>
+    </a>
+  </div>
+</div>
\ No newline at end of file
diff --git a/guide/ci-integrations/run-nightwatch-on-jenkins.md b/guide/ci-integrations/run-nightwatch-on-jenkins.md
index ecbb78c7..3d6cc61e 100644
--- a/guide/ci-integrations/run-nightwatch-on-jenkins.md
+++ b/guide/ci-integrations/run-nightwatch-on-jenkins.md
@@ -99,11 +99,11 @@ Nightwatch also publishes HTML reports which can be published to Jenkins
 
 <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/debugging-tests/using-debug.html">
+    <a href="https://nightwatchjs.org/guide/running-tests/take-heap-snapshot.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Use.debug()</span>
+          <span class="bigT">Take heap snapshot</span>
         </div>
     </a>
   </div>
diff --git a/guide/component-testing/debugging.md b/guide/component-testing/debugging.md
index a50d8ed5..57a82b2f 100644
--- a/guide/component-testing/debugging.md
+++ b/guide/component-testing/debugging.md
@@ -83,11 +83,24 @@ You can also use the [integrated debug console](https://nightwatchjs.org/guide/d
 ### Recommended content
 - [Blog > Introducing Component Testing in Nightwatch](https://nightwatchjs.org/blog/introducing-component-testing-in-nightwatch/)
 
-<div class="doc-pagination pt-40">
-  <div class="previous">
-	<a href="https://nightwatchjs.org/guide/component-testing/storybook-component-testing.html">
-	  <span>←</span><div class="d-flex flex-column"><span class="smallT">Back</span><span class="bigT">Storybook integration</span></div>
-	</a>
-  </div>
 
+<div class="doc-pagination pt-40" style="align-items: flex-end">
+ <div class="previous">
+    <a href="https://nightwatchjs.org/guide/component-testing/testing-angular-components.html">
+      <span>←</span>
+        <div class="d-flex flex-column">
+          <span class="smallT">Back</span>
+          <span class="bigT">Using Angular</span>
+        </div>
+    </a>
+  </div>
+  <div class="next">
+    <a href="https://nightwatchjs.org/guide/mobile-app-testing/introduction.html">
+        <div class="d-flex flex-column">
+          <span class="smallT">Next Page</span>
+          <span class="bigT">Mobile App Testing</span>
+        </div>
+        <span>→</span>
+    </a>
+  </div>
 </div>
\ No newline at end of file
diff --git a/guide/component-testing/introduction.md b/guide/component-testing/introduction.md
index 3dccc2f1..8fb756ed 100644
--- a/guide/component-testing/introduction.md
+++ b/guide/component-testing/introduction.md
@@ -76,10 +76,23 @@ The only disadvantage would be that it’s going to be a bit slower than the *JS
 - [Blog \> Introducing Component Testing in Nightwatch][6]
 
 <div class="doc-pagination pt-40" style="align-items: flex-end">
-  <div class="next" style="margin-left: auto;">
-	<a href="https://nightwatchjs.org/guide/component-testing/vite-plugin.html">
-      <div class="d-flex flex-column"><span class="smallT">Next Page</span><span class="bigT">Component Testing with Vite</span></div><span>→</span>
-	</a>
+ <div class="previous">
+    <a href="https://nightwatchjs.org/guide/writing-tests/chrome-devtools-recorder.html">
+      <span>←</span>
+        <div class="d-flex flex-column">
+          <span class="smallT">Back</span>
+          <span class="bigT">Chrome Devtools Recorder</span>
+        </div>
+    </a>
+  </div>
+  <div class="next">
+    <a href="https://nightwatchjs.org/guide/component-testing/vite-plugin.html">
+        <div class="d-flex flex-column">
+          <span class="smallT">Next Page</span>
+          <span class="bigT">Using the Vite plugin</span>
+        </div>
+        <span>→</span>
+    </a>
   </div>
 </div>
 
diff --git a/guide/component-testing/storybook-component-testing.md b/guide/component-testing/storybook-component-testing.md
index 8ab114da..2694e479 100644
--- a/guide/component-testing/storybook-component-testing.md
+++ b/guide/component-testing/storybook-component-testing.md
@@ -424,8 +424,8 @@ export default {
 	</a>
   </div>
   <div class="next">
-	<a href="https://nightwatchjs.org/guide/component-testing/debugging.html">
-      <div class="d-flex flex-column"><span class="smallT">Next Page</span><span class="bigT">Debugging component tests</span></div><span>→</span>
+	<a href="https://nightwatchjs.org/guide/component-testing/testing-angular-components.html">
+      <div class="d-flex flex-column"><span class="smallT">Next Page</span><span class="bigT">Using Angular</span></div><span>→</span>
 	</a>
   </div>
 </div>
diff --git a/guide/component-testing/testing-angular-components.md b/guide/component-testing/testing-angular-components.md
index e0a6e44f..ec277777 100644
--- a/guide/component-testing/testing-angular-components.md
+++ b/guide/component-testing/testing-angular-components.md
@@ -103,3 +103,24 @@ The angular plugin uses webpack dev server to compile and render angular compone
 
 
 [1]:	https://github.com/nightwatchjs/nightwatch-plugin-angular
+
+<div class="doc-pagination pt-40" style="align-items: flex-end">
+ <div class="previous">
+    <a href="https://nightwatchjs.org/guide/component-testing/storybook-component-testing.html">
+      <span>←</span>
+        <div class="d-flex flex-column">
+          <span class="smallT">Back</span>
+          <span class="bigT">Storybook integration</span>
+        </div>
+    </a>
+  </div>
+  <div class="next">
+    <a href="https://nightwatchjs.org/guide/component-testing/debugging.html">
+        <div class="d-flex flex-column">
+          <span class="smallT">Next Page</span>
+          <span class="bigT">Debug component tests</span>
+        </div>
+        <span>→</span>
+    </a>
+  </div>
+</div>
diff --git a/guide/concepts/page-object-model.md b/guide/concepts/page-object-model.md
index ee08ea35..b8f6100b 100644
--- a/guide/concepts/page-object-model.md
+++ b/guide/concepts/page-object-model.md
@@ -104,10 +104,10 @@ From Nightwatch 2 it is also possible to export the page commands as an ES6 clas
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/concepts/component-testing.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/introduction.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Component testing</span>
+          <span class="bigT">Write Tests</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/configuration/aws-devicefarm-settings.md b/guide/configuration/aws-devicefarm-settings.md
index 4e9eedf0..f84e7087 100644
--- a/guide/configuration/aws-devicefarm-settings.md
+++ b/guide/configuration/aws-devicefarm-settings.md
@@ -116,10 +116,10 @@ module.exports = (async function() {
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/writing-tests/test-syntax-bdd.html">
+    <a href="https://nightwatchjs.org/guide/using-page-objects/getting-started.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">BDD test syntax</span>
+          <span class="bigT">Page Objects</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/configuration/nightwatch-configuration-file.md b/guide/configuration/nightwatch-configuration-file.md
index 83c63797..4c9225b5 100644
--- a/guide/configuration/nightwatch-configuration-file.md
+++ b/guide/configuration/nightwatch-configuration-file.md
@@ -72,11 +72,11 @@ The following packages can be used from NPM and, if installed, Nightwatch will a
 
  <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/concepts/component-testing.html">
+    <a href="https://nightwatchjs.org/guide/mobile-app-testing/debug-tests.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Component Testing</span>
+          <span class="bigT">Debug Tests</span>
         </div>
     </a>
   </div>
diff --git a/guide/debugging-tests/using-debug.md b/guide/debugging-tests/using-debug.md
index d177cbdb..9dbe3ab6 100644
--- a/guide/debugging-tests/using-debug.md
+++ b/guide/debugging-tests/using-debug.md
@@ -63,10 +63,10 @@ While doing that, users can also interact with the browser and use DevTools to d
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/ci-integrations/run-nightwatch-on-jenkins.html">
+    <a href="https://nightwatchjs.org/guide/running-tests/capture-console-messages.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Jenkins</span>
+          <span class="bigT">Capture browser logs</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/migrating-to-nightwatch/from-protractor.md b/guide/migrating-to-nightwatch/from-protractor.md
index e142b1bb..0bd5c685 100644
--- a/guide/migrating-to-nightwatch/from-protractor.md
+++ b/guide/migrating-to-nightwatch/from-protractor.md
@@ -271,7 +271,7 @@ The best way to ask for questions or report issues related to Nightwatch Angular
 [PageObjectLink]:https://nightwatchjs.org/api/pageobject/
 [APICommandsLink]:https://nightwatchjs.org/api/commands/
 
-<div class="doc-pagination justify-content-start pt-40">
+<div class="doc-pagination pt-40">
   <div class="previous">
     <a href="https://nightwatchjs.org/guide/migrating-to-nightwatch/from-nightwatch-v1.html">
       <span>←</span>
@@ -281,4 +281,14 @@ The best way to ask for questions or report issues related to Nightwatch Angular
         </div>
     </a>
   </div>
+  <div class="next">
+    <a href="https://nightwatchjs.org/guide/comparison-with-leading-frameworks.html">
+        <div class="d-flex flex-column">
+          <span class="smallT">Next Page</span>
+          <span class="bigT">Comparison with leading frameworks</span>
+        </div>
+        <span>→</span>
+    </a>
+  </div>
 </div>
+
diff --git a/guide/mobile-app-testing/debug-tests.md b/guide/mobile-app-testing/debug-tests.md
index 9aa2aa7b..a092a355 100644
--- a/guide/mobile-app-testing/debug-tests.md
+++ b/guide/mobile-app-testing/debug-tests.md
@@ -90,8 +90,16 @@ Pass Nightwatch commands/assertions to Nightwatch debug console open in the term
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Running Mobile App Tests</span>
+          <span class="bigT">Run Tests</span>
         </div>
     </a>
   </div>
+  <div class="doc-pagination justify-content-end pt-40">
+  <div class="next">
+    <a href="https://nightwatchjs.org/guide/configuration/nightwatch-configuration-file.html">
+        <div class="d-flex flex-column"><span class="smallT">Next Page</span><span class="bigT">Nightwatch config file</span></div>
+        <span>→</span>
+    </a>
+  </div>
+</div>
 </div>
\ No newline at end of file
diff --git a/guide/mobile-app-testing/introduction.md b/guide/mobile-app-testing/introduction.md
index 184c3d26..49837eba 100644
--- a/guide/mobile-app-testing/introduction.md
+++ b/guide/mobile-app-testing/introduction.md
@@ -58,12 +58,23 @@ Now that you understand how mobile app testing works with Nightwatch, let's dive
 [image-1]:  https://user-images.githubusercontent.com/1677755/220147111-0c8bd102-cc70-4a7b-bda7-6e597328ace3.png
 
 
-<div class="doc-pagination justify-content-end pt-40">
+<div class="doc-pagination pt-40" style="align-items: flex-end">
+ <div class="previous">
+    <a href="https://nightwatchjs.org/guide/component-testing/debugging.html">
+      <span>←</span>
+        <div class="d-flex flex-column">
+          <span class="smallT">Back</span>
+          <span class="bigT">Debug component tests</span>
+        </div>
+    </a>
+  </div>
   <div class="next">
     <a href="https://nightwatchjs.org/guide/mobile-app-testing/installation.html">
-        <div class="d-flex flex-column"><span class="smallT">Next Page</span><span class="bigT">Installation</span></div>
+        <div class="d-flex flex-column">
+          <span class="smallT">Next Page</span>
+          <span class="bigT">Installation</span>
+        </div>
         <span>→</span>
     </a>
   </div>
 </div>
-
diff --git a/guide/mobile-app-testing/selectors.md b/guide/mobile-app-testing/selectors.md
index 9fc59e35..318d51eb 100644
--- a/guide/mobile-app-testing/selectors.md
+++ b/guide/mobile-app-testing/selectors.md
@@ -66,8 +66,8 @@ Now that you understand selectors, you can use them to write commands & assertio
   </div>
   <div class="doc-pagination justify-content-end pt-40">
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/mobile-app-testing/selectors.html">
-        <div class="d-flex flex-column"><span class="smallT">Next Page</span><span class="bigT">Mobile App Commands</span></div>
+    <a href="https://nightwatchjs.org/guide/mobile-app-testing/commands.html">
+        <div class="d-flex flex-column"><span class="smallT">Next Page</span><span class="bigT">Using Commands</span></div>
         <span>→</span>
     </a>
   </div>
diff --git a/guide/mobile-web-testing/with-appium.md b/guide/mobile-web-testing/with-appium.md
index 79142ca4..f372d33b 100644
--- a/guide/mobile-web-testing/with-appium.md
+++ b/guide/mobile-web-testing/with-appium.md
@@ -115,11 +115,11 @@ The [Actions API](https://nightwatchjs.org/api/useractions/) is very general and
 
 <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/reporters/create-custom-reporter.html">
+    <a href="https://nightwatchjs.org/guide/reporters/dom-history.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Add customer reporter</span>
+          <span class="bigT">DOM History</span>
         </div>
     </a>
   </div>
diff --git a/guide/network-requests/capture-network-calls.md b/guide/network-requests/capture-network-calls.md
index 2ce9dd67..f34307c9 100644
--- a/guide/network-requests/capture-network-calls.md
+++ b/guide/network-requests/capture-network-calls.md
@@ -72,7 +72,7 @@ All you need to do is call the `browser.captureNetworkRequests()` command with t
 
 Output from one of the network calls in the example above:
 
-```
+<code style="white-space: pre;" >
   Running Capture network calls:
 ───────────────────────────────────────────────────────────────────────────────────────────────────
 Request Number: 35
@@ -94,19 +94,18 @@ Request headers: {
   'sec-ch-ua-model': '',
   'sec-ch-ua-platform': '"macOS"'
 }
-```
-
+</code>
 ### Recommended content
 - [Chrome DevTools Protocol in Selenium 4](https://www.selenium.dev/documentation/webdriver/bidirectional/chrome_devtools/)
 - [Intercept network responses](https://nightwatchjs.org/guide/network-requests/mock-network-response.html)
 
 <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/ci-integrations/run-nightwatch-on-circleci.html">
+    <a href="https://nightwatchjs.org/guide/ci-integrations/run-nightwatch-on-gitlab.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">CircleCI</span>
+          <span class="bigT">Gitlab CI</span>
         </div>
     </a>
   </div>
diff --git a/guide/quickstarts/create-and-run-a-test-with-selenium-server.md b/guide/quickstarts/create-and-run-a-test-with-selenium-server.md
index 7d55b009..c6fba055 100644
--- a/guide/quickstarts/create-and-run-a-test-with-selenium-server.md
+++ b/guide/quickstarts/create-and-run-a-test-with-selenium-server.md
@@ -163,7 +163,7 @@ For additional help you can jump on to our <a href="https://discord.gg/SN8Da2X">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Run your first end-to-end test</span>
+          <span class="bigT">Install Nightwatch</span>
         </div>
     </a>
   </div>
diff --git a/guide/reporters/create-custom-reporter.md b/guide/reporters/create-custom-reporter.md
index e4cb2d30..e9aa2af7 100644
--- a/guide/reporters/create-custom-reporter.md
+++ b/guide/reporters/create-custom-reporter.md
@@ -100,10 +100,10 @@ The `index.js` file needs to implement the same interface as the file-based cust
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/mobile-web-testing/with-appium.html">
+    <a href="https://nightwatchjs.org/guide/reporters/dom-history.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Use Nightwatch with Appium</span>
+          <span class="bigT">DOM history</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/reporters/dom-history.md b/guide/reporters/dom-history.md
index 3a4d2b2c..2559c6a6 100644
--- a/guide/reporters/dom-history.md
+++ b/guide/reporters/dom-history.md
@@ -65,19 +65,19 @@ Happy debugging!
 
 <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.orghttps://nightwatchjs.org/guide/reporters/use-html-reporter.html">
+    <a href="https://nightwatchjs.org/guide/reporters/create-custom-reporter.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">HTML reporters</span>
+          <span class="bigT">Add custom reporter</span>
         </div>
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/reporters/create-custom-reporter.html">
+    <a href="https://nightwatchjs.org/guide/mobile-web-testing/with-appium.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Add custom reporter</span>
+          <span class="bigT">Use Nightwatch with Appium</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/running-tests/capture-console-messages.md b/guide/running-tests/capture-console-messages.md
index 5604b2ac..8faee6d7 100644
--- a/guide/running-tests/capture-console-messages.md
+++ b/guide/running-tests/capture-console-messages.md
@@ -87,11 +87,11 @@ No assertions ran.
 
  <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/running-tests/programmatic-api.html">
+    <a href="https://nightwatchjs.org/guide/debugging-tests/using-debug.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Use programmatic API</span>
+          <span class="bigT">Use .debug()</span>
         </div>
     </a>
   </div>
diff --git a/guide/running-tests/programmatic-api.md b/guide/running-tests/programmatic-api.md
index 6c056f30..f4503f54 100644
--- a/guide/running-tests/programmatic-api.md
+++ b/guide/running-tests/programmatic-api.md
@@ -89,10 +89,10 @@ const browser = await client.launchBrowser();
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/running-tests/capture-console-messages.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/using-cucumberjs.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Capture browser logs</span>
+          <span class="bigT">CucumberJS integration</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/running-tests/skipping-disabling-tests.md b/guide/running-tests/skipping-disabling-tests.md
index 4998cf78..898b5a16 100644
--- a/guide/running-tests/skipping-disabling-tests.md
+++ b/guide/running-tests/skipping-disabling-tests.md
@@ -78,11 +78,11 @@ The below will only run the `startHomepage` testcase and ignore the rest.
 
  <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/running-tests/using-the-cli-test-runner.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/using-mocha.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Use the CLI test runner</span>
+          <span class="bigT">Mocha integration</span>
         </div>
     </a>
   </div>
diff --git a/guide/running-tests/take-heap-snapshot.md b/guide/running-tests/take-heap-snapshot.md
index b46faad7..3e4b1d61 100644
--- a/guide/running-tests/take-heap-snapshot.md
+++ b/guide/running-tests/take-heap-snapshot.md
@@ -73,10 +73,10 @@ describe('take heap snapshot with async/await', function() {
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/debugging-tests/overview.html">
+    <a href="https://nightwatchjs.org/guide/ci-integrations/run-nightwatch-on-jenkins.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Debugging tests</span>
+          <span class="bigT">Run on CI server Jenkins</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/running-tests/using-the-cli-test-runner.md b/guide/running-tests/using-the-cli-test-runner.md
index a7b65c41..b0bff585 100644
--- a/guide/running-tests/using-the-cli-test-runner.md
+++ b/guide/running-tests/using-the-cli-test-runner.md
@@ -99,19 +99,19 @@ Info & help:
 
 <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/using-page-objects/writing-page-specific-commands.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/nightwatch-inspector.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Page objects</span>
+          <span class="bigT">Nightwatch Inspector</span>
         </div>
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/running-tests/skipping-disabling-tests.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/using-mocha.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Skip / disable tests</span>
+          <span class="bigT">Mocha integration</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/using-nightwatch/accessibility-testing.md b/guide/using-nightwatch/accessibility-testing.md
index 0e82ff9f..c2971230 100644
--- a/guide/using-nightwatch/accessibility-testing.md
+++ b/guide/using-nightwatch/accessibility-testing.md
@@ -84,7 +84,7 @@ You can find the complete list of the rule IDs on the [Axe Github page][7]
     <a href="https://nightwatchjs.org/guide/writing-tests/visual-regression-testing.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Visual testing</span>
+          <span class="bigT">Visual regression testing</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/using-page-objects/getting-started.md b/guide/using-page-objects/getting-started.md
index 1b6a99f0..a31fc8f2 100644
--- a/guide/using-page-objects/getting-started.md
+++ b/guide/using-page-objects/getting-started.md
@@ -56,11 +56,11 @@ It can also be a function in case the URL is dynamic. One use case for this is t
 
  <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/writing-tests/chrome-devtools-recorder.html">
+    <a href="https://nightwatchjs.org/guide/configuration/aws-devicefarm-settings.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Using Chrome Devtools Recorder</span>
+          <span class="bigT">Configure AWS Device Farm</span>
         </div>
     </a>
   </div>
diff --git a/guide/using-page-objects/writing-page-specific-commands.md b/guide/using-page-objects/writing-page-specific-commands.md
index 5640a0ef..353d5e28 100644
--- a/guide/using-page-objects/writing-page-specific-commands.md
+++ b/guide/using-page-objects/writing-page-specific-commands.md
@@ -121,10 +121,10 @@ And for a more elaborate example... You can reference the main page object via `
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.orghttps://nightwatchjs.org/guide/running-tests/using-the-cli-test-runner.html">
+    <a href="https://nightwatchjs.org/guide/debugging-tests/overview.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Use the CLI test runner</span>
+          <span class="bigT">Debug tests</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/writing-tests/adding-assertions.md b/guide/writing-tests/adding-assertions.md
index 4a2cf1ce..14a9f500 100644
--- a/guide/writing-tests/adding-assertions.md
+++ b/guide/writing-tests/adding-assertions.md
@@ -134,19 +134,19 @@ For a complete list of available `expect` assertions, refer to the [API docs][13
 
 <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/writing-tests/commands.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/selectors.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Commands</span>
+          <span class="bigT">Selectors</span>
         </div>
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/running-tests/using-the-cli-test-runner.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/test-syntax-bdd.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Run tests</span>
+          <span class="bigT">BDD Test Syntax</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/writing-tests/api-testing.md b/guide/writing-tests/api-testing.md
index 6ae47a94..237cdb6f 100644
--- a/guide/writing-tests/api-testing.md
+++ b/guide/writing-tests/api-testing.md
@@ -276,7 +276,7 @@ Example using `waitUntil`:
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Visual Testing</span>
+          <span class="bigT">Visual regression testing</span>
         </div>
     </a>
   </div>
diff --git a/guide/writing-tests/chrome-devtools-recorder.md b/guide/writing-tests/chrome-devtools-recorder.md
index 874cecd4..39886d41 100644
--- a/guide/writing-tests/chrome-devtools-recorder.md
+++ b/guide/writing-tests/chrome-devtools-recorder.md
@@ -109,19 +109,19 @@ If you find any situations where it generates unexpected results or something se
 
  <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/writing-tests/write-nodejs-unit-integration-tests.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/using-cucumberjs.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Write unit & integration test</span>
+          <span class="bigT">CucumberJS integration</span>
         </div>
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/using-page-objects/getting-started.html">
+    <a href="https://nightwatchjs.org/guide/component-testing/introduction.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Getting Started</span>
+          <span class="bigT">Component testing</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/writing-tests/commands.md b/guide/writing-tests/commands.md
index 31baeeb4..af1d1773 100644
--- a/guide/writing-tests/commands.md
+++ b/guide/writing-tests/commands.md
@@ -218,19 +218,19 @@ Now that you understand selectors and commands,you can proceed towards understan
 
 <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/writing-tests/selectors.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/introduction.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Selectors</span>
+          <span class="bigT">Write Tests</span>
         </div>
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/writing-tests/adding-assertions.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/selectors.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Assertions</span>
+          <span class="bigT">Selectors</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/writing-tests/finding-interacting-with-dom-elements.md b/guide/writing-tests/finding-interacting-with-dom-elements.md
index c9286dd1..fcf9ef9e 100644
--- a/guide/writing-tests/finding-interacting-with-dom-elements.md
+++ b/guide/writing-tests/finding-interacting-with-dom-elements.md
@@ -151,10 +151,10 @@ const ecosiaTest: NightwatchTests = {
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/writing-tests/adding-assertions.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/using-xpath-selectors.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Add assertions</span>
+          <span class="bigT">Xpath Selectors</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/writing-tests/introduction.md b/guide/writing-tests/introduction.md
index ef3e9d43..e2104d9d 100644
--- a/guide/writing-tests/introduction.md
+++ b/guide/writing-tests/introduction.md
@@ -170,19 +170,19 @@ Now that you understand the basics of writing tests for mobile apps, it's time t
 
 <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/quickstarts/create-and-run-a-nightwatch-test.html">
+    <a href="https://nightwatchjs.org/guide/concepts/page-object-model.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Install Nightwatchs</span>
+          <span class="bigT">Page Object Model</span>
         </div>
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/writing-tests/selectors.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/commands.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Selectors</span>
+          <span class="bigT">Commands</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/writing-tests/nightwatch-inspector.md b/guide/writing-tests/nightwatch-inspector.md
index 1525cf68..e3beca13 100644
--- a/guide/writing-tests/nightwatch-inspector.md
+++ b/guide/writing-tests/nightwatch-inspector.md
@@ -65,19 +65,19 @@ You can directly copy paste these in your test files and complete your test auth
 
 <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/writing-tests/visual-regression-testing.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/test-doubles.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Visual Testing</span>
+          <span class="bigT">Test Doubles</span>
         </div>
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/writing-tests/write-nodejs-unit-integration-tests.html">
+    <a href="https://nightwatchjs.org/guide/running-tests/using-the-cli-test-runner.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Unit &amp; integration testing</span>
+          <span class="bigT">CLI test runner</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/writing-tests/selectors.md b/guide/writing-tests/selectors.md
index 05df9473..caccf534 100644
--- a/guide/writing-tests/selectors.md
+++ b/guide/writing-tests/selectors.md
@@ -171,19 +171,19 @@ Now that you understand selectors, you can use them to write commands & assertio
 
 <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/quickstarts/create-and-run-a-nightwatch-test.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/commands.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Install Nightwatch</span>
+          <span class="bigT">Commands</span>
         </div>
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/writing-tests/selectors.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/adding-assertions.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Selectors</span>
+          <span class="bigT">Assertions</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/writing-tests/test-doubles.md b/guide/writing-tests/test-doubles.md
index 0b452b76..54d17919 100644
--- a/guide/writing-tests/test-doubles.md
+++ b/guide/writing-tests/test-doubles.md
@@ -126,3 +126,24 @@ Ensure that the API tests are run against an `environment` where the `start_sess
 <pre style="max-width: 800px; border-radius: 10px; padding: 10px 20px"><code class="language-bash">npx nightwatch &#60;path to tests&#62; --env testdoubles</code></pre>
 
 We hope these examples help you get started with using `@nightwatch/testdoubles` in your Nightwatch tests!
+
+<div class="doc-pagination pt-40">
+  <div class="previous">
+    <a href="https://nightwatchjs.org/guide/writing-tests/write-nodejs-unit-integration-tests.html">
+      <span>←</span>
+        <div class="d-flex flex-column">
+          <span class="smallT">Back</span>
+          <span class="bigT">Unit & integration testing</span>
+        </div>
+    </a>
+  </div>
+     <div class="next">
+    <a href="https://nightwatchjs.org/guide/writing-tests/nightwatch-inspector.html">
+        <div class="d-flex flex-column">
+          <span class="smallT">Next Page</span>
+          <span class="bigT">Nightwatch Inspector</span>
+        </div>
+        <span>→</span>
+    </a>
+  </div>
+</div>
\ No newline at end of file
diff --git a/guide/writing-tests/test-syntax-bdd.md b/guide/writing-tests/test-syntax-bdd.md
index fa86d4cc..73dde4da 100644
--- a/guide/writing-tests/test-syntax-bdd.md
+++ b/guide/writing-tests/test-syntax-bdd.md
@@ -276,11 +276,11 @@ We've put together a complete [Github template repo](https://github.com/nightwat
 
  <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/configuration/aws-devicefarm-settings.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/adding-assertions.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Configure AWS Device Farm</span>
+          <span class="bigT">Assertions</span>
         </div>
     </a>
   </div>
@@ -288,7 +288,7 @@ We've put together a complete [Github template repo](https://github.com/nightwat
     <a href="https://nightwatchjs.org/guide/writing-tests/test-syntax-exports.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Export test syntax</span>
+          <span class="bigT">Exports test syntax</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/writing-tests/using-cucumberjs.md b/guide/writing-tests/using-cucumberjs.md
index 3812bac1..fe0c2bf3 100644
--- a/guide/writing-tests/using-cucumberjs.md
+++ b/guide/writing-tests/using-cucumberjs.md
@@ -155,19 +155,19 @@ Using: firefox (92.0.1) on MAC (20.6.0).
 
  <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/writing-tests/write-complex-user-actions.html">
+    <a href="https://nightwatchjs.org/guide/running-tests/programmatic-api.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Write complex user actions</span>
+          <span class="bigT">Programmatic API</span>
         </div>
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/writing-tests/using-mocha.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/chrome-devtools-recorder.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Use Mocha as a test runner</span>
+          <span class="bigT">Chrome Devtools Recorder</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/writing-tests/using-mocha.md b/guide/writing-tests/using-mocha.md
index 21ff3fd6..7868e283 100644
--- a/guide/writing-tests/using-mocha.md
+++ b/guide/writing-tests/using-mocha.md
@@ -239,19 +239,19 @@ To use it as a reporter simply pass the `--reporter mocha-junit-reporter` argume
 
  <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/writing-tests/using-cucumberjs.html">
+    <a href="https://nightwatchjs.org/guide/running-tests/using-the-cli-test-runner.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Use CucumberJS</span>
+          <span class="bigT">CLI test runner</span>
         </div>
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/writing-tests/using-test-hooks.html">
+    <a href="https://nightwatchjs.org/guide/running-tests/skipping-disabling-tests.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Use test hooks</span>
+          <span class="bigT">Skip / disable tests</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/writing-tests/using-test-hooks.md b/guide/writing-tests/using-test-hooks.md
index 6ce6d515..bad06efe 100644
--- a/guide/writing-tests/using-test-hooks.md
+++ b/guide/writing-tests/using-test-hooks.md
@@ -106,11 +106,11 @@ The same set of test hooks as per test suite is also available globally, outside
 
  <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/writing-tests/using-mocha.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/write-complex-user-actions.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Use Mocha as a test runner</span>
+          <span class="bigT">Complex user actions</span>
         </div>
     </a>
   </div>
diff --git a/guide/writing-tests/using-xpath-selectors.md b/guide/writing-tests/using-xpath-selectors.md
index bed0adcd..8c886ec8 100644
--- a/guide/writing-tests/using-xpath-selectors.md
+++ b/guide/writing-tests/using-xpath-selectors.md
@@ -58,11 +58,11 @@ If you mostly are using XPath expressions and you want to avoid configuring the
 
  <div class="doc-pagination pt-40">
   <div class="previous">
-    <a href="https://nightwatchjs.org/guide/writing-tests/adding-assertions.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/finding-interacting-with-dom-elements.html">
       <span>←</span>
         <div class="d-flex flex-column">
           <span class="smallT">Back</span>
-          <span class="bigT">Add assertions</span>
+          <span class="bigT">Finding DOM elements</span>
         </div>
     </a>
   </div>
@@ -70,7 +70,7 @@ If you mostly are using XPath expressions and you want to avoid configuring the
     <a href="https://nightwatchjs.org/guide/writing-tests/write-complex-user-actions.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Write complex user actions</span>
+          <span class="bigT">Complex user actions</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/writing-tests/write-complex-user-actions.md b/guide/writing-tests/write-complex-user-actions.md
index 8a5684fd..2b391b7c 100644
--- a/guide/writing-tests/write-complex-user-actions.md
+++ b/guide/writing-tests/write-complex-user-actions.md
@@ -525,10 +525,10 @@ This produces the following sequence of ticks:
     </a>
   </div>
   <div class="next">
-    <a href="https://nightwatchjs.org/guide/writing-tests/using-cucumberjs.html">
+    <a href="https://nightwatchjs.org/guide/writing-tests/using-test-hooks.html">
         <div class="d-flex flex-column">
           <span class="smallT">Next Page</span>
-          <span class="bigT">Use CucumberJS</span>
+          <span class="bigT">Test Hooks</span>
         </div>
         <span>→</span>
     </a>
diff --git a/guide/writing-tests/write-nodejs-unit-integration-tests.md b/guide/writing-tests/write-nodejs-unit-integration-tests.md
index 86d215fd..9ac8ce1c 100644
--- a/guide/writing-tests/write-nodejs-unit-integration-tests.md
+++ b/guide/writing-tests/write-nodejs-unit-integration-tests.md
@@ -173,5 +173,14 @@ For details on how an LCOV reporter should look like and how to integrate with y
           <span class="bigT">API testing</span>
         </div>
     </a>
+  </div>
+     <div class="next">
+    <a href="https://nightwatchjs.org/guide/writing-tests/test-doubles.html">
+        <div class="d-flex flex-column">
+          <span class="smallT">Next Page</span>
+          <span class="bigT">Test Doubles</span>
+        </div>
+        <span>→</span>
+    </a>
   </div>
 </div>