Dynamically rendering PageNavigators.

.gitignore

@@ -8,6 +8,7 @@ node_modules
 # Dependency directories
 node_modules/
 logs
+nightwatch
 
 # Postdoc output directory
 out/

docs/guide/browser-drivers/chromedriver.md

@@ -107,25 +107,3 @@ If your tests require a Chrome instance running inside a [Docker](https://www.do
   "args" : ["--no-sandbox"]
 } 
 </code></pre>
-
-
-<div class="doc-pagination pt-40">
-  <div class="previous">
-    <a href="/guide/browser-drivers/geckodriver.html">
-      <span>←</span>
-        <div class="d-flex flex-column">
-          <span class="smallT">Back</span>
-          <span class="bigT">GeckoDriver (Firefox)</span>
-        </div>
-    </a>
-  </div>
-  <div class="next">
-    <a href="/guide/browser-drivers/safaridriver.html">
-        <div class="d-flex flex-column">
-          <span class="smallT">Next Page</span>
-          <span class="bigT">SafariDriver</span>
-        </div>
-        <span>→</span>
-    </a>
-  </div>
-</div>

docs/guide/browser-drivers/edgedriver.md

@@ -36,23 +36,3 @@ Run your Nightwatch.js tests in Edge can be achieved using the  [Microsoft Edge
 
 For more information about the Microsoft Edge WebDriver refer to the [Official documentation](https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/dev-guide/tools/webDriver/).
 
-<div class="doc-pagination pt-40">
-  <div class="previous">
-    <a href="/guide/browser-drivers/safaridriver.html">
-      <span>←</span>
-        <div class="d-flex flex-column">
-          <span class="smallT">Back</span>
-          <span class="bigT">SafariDriver</span>
-        </div>
-    </a>
-  </div>
-  <div class="next">
-    <a href="/guide/nightwatch-cli/command-line-options.html">
-        <div class="d-flex flex-column">
-          <span class="smallT">Next Page</span>
-          <span class="bigT">Command-line Options</span>
-        </div>
-        <span>→</span>
-    </a>
-  </div>
-</div>

docs/guide/browser-drivers/geckodriver.md

@@ -93,24 +93,3 @@ Specifying the firefox profile can be done by setting the `profile` property in
 
 ##### Implementation Status
 GeckoDriver is not yet feature complete, which means it does not yet offer full conformance with the WebDriver standard or complete compatibility with Selenium. Implementation status can be tracked on the [Marionette MDN page](https://developer.mozilla.org/en-US/docs/Mozilla/QA/Marionette/WebDriver/status).
-
-<div class="doc-pagination pt-40">
-  <div class="previous">
-    <a href="/guide/extending-nightwatch/adding-plugins.html">
-      <span>←</span>
-        <div class="d-flex flex-column">
-          <span class="smallT">Back</span>
-          <span class="bigT">Create Nightwatch plugins</span>
-        </div>
-    </a>
-  </div>
-  <div class="next">
-    <a href="/guide/browser-drivers/chromedriver.html">
-        <div class="d-flex flex-column">
-          <span class="smallT">Next Page</span>
-          <span class="bigT">ChromeDriver</span>
-        </div>
-        <span>→</span>
-    </a>
-  </div>
-</div>

docs/guide/browser-drivers/safaridriver.md

@@ -35,24 +35,3 @@ Learn more about [Safari-specific capabilities](https://github.com/SeleniumHQ/se
 
 [1]: http://selenium-release.storage.googleapis.com/index.html
 [2]: https://github.com/SeleniumHQ/selenium/issues/2725
-
-<div class="doc-pagination pt-40">
-  <div class="previous">
-    <a href="/guide/browser-drivers/chromedriver.html">
-      <span>←</span>
-        <div class="d-flex flex-column">
-          <span class="smallT">Back</span>
-          <span class="bigT">ChromeDriver</span>
-        </div>
-    </a>
-  </div>
-  <div class="next">
-    <a href="/guide/browser-drivers/edgedriver.html">
-        <div class="d-flex flex-column">
-          <span class="smallT">Next Page</span>
-          <span class="bigT">EdgeDriver</span>
-        </div>
-        <span>→</span>
-    </a>
-  </div>
-</div>

docs/guide/ci-integrations/run-nightwatch-on-azure-pipelines.md

@@ -92,24 +92,3 @@ Once you push your changes and click on save and run button, the pipeline will s
 
 Related articles
 - [How-to guides > Write tests > Run on CI Servers > Jenkins ](/guide/ci-integrations/run-nightwatch-on-jenkins.html)
-
-<div class="doc-pagination pt-40">
-  <div class="previous">
-    <a href="/guide/ci-integrations/run-nightwatch-on-bamboo.html">
-      <span>←</span>
-        <div class="d-flex flex-column">
-          <span class="smallT">Back</span>
-          <span class="bigT">Bamboo</span>
-        </div>
-    </a>
-  </div>
-  <div class="next">
-    <a href="/guide/ci-integrations/run-nightwatch-on-circleci.html">
-        <div class="d-flex flex-column">
-          <span class="smallT">Next Page</span>
-          <span class="bigT">CircleCI</span>
-        </div>
-        <span>→</span>
-    </a>
-  </div>
-</div>

docs/guide/ci-integrations/run-nightwatch-on-bamboo.md

@@ -90,24 +90,3 @@ After installation, now you can sign in to the admin and create a plan after cli
 
 ### Related articles
 - [How-to guides > Write tests > Run on CI Servers > Jenkins ](/guide/ci-integrations/run-nightwatch-on-jenkins.html)
-
-<div class="doc-pagination pt-40">
-  <div class="previous">
-    <a href="/guide/ci-integrations/run-nightwatch-on-github-actions.html">
-      <span>←</span>
-        <div class="d-flex flex-column">
-          <span class="smallT">Back</span>
-          <span class="bigT">Github Actions</span>
-        </div>
-    </a>
-  </div>
-  <div class="next">
-    <a href="/guide/ci-integrations/run-nightwatch-on-azure-pipelines.html">
-        <div class="d-flex flex-column">
-          <span class="smallT">Next Page</span>
-          <span class="bigT">Azure Pipelines</span>
-        </div>
-        <span>→</span>
-    </a>
-  </div>
-</div>

docs/guide/ci-integrations/run-nightwatch-on-circleci.md

@@ -80,24 +80,3 @@ Click on the pipeline build that just ran followed by the job name i.e. `test`.
 
 ### Related articles
 - [How-to guides > Write tests > Run on CI Servers > Jenkins ](/guide/ci-integrations/run-nightwatch-on-jenkins.html)
-
-<div class="doc-pagination pt-40">
-  <div class="previous">
-    <a href="/guide/ci-integrations/run-nightwatch-on-azure-pipelines.html">
-      <span>←</span>
-        <div class="d-flex flex-column">
-          <span class="smallT">Back</span>
-          <span class="bigT">Azure Pipelines</span>
-        </div>
-    </a>
-  </div>
-  <div class="next">
-    <a href="/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>

docs/guide/ci-integrations/run-nightwatch-on-github-actions.md

@@ -78,23 +78,3 @@ Once you push your changes to Github and will raise a Pull Request the pipeline
 
 - [How-to guides > Write tests > Run on CI Servers > Jenkins ](/guide/ci-integrations/run-nightwatch-on-jenkins.html)
 
-<div class="doc-pagination pt-40">
-  <div class="previous">
-    <a href="/guide/ci-integrations/run-nightwatch-on-jenkins.html">
-      <span>←</span>
-        <div class="d-flex flex-column">
-          <span class="smallT">Back</span>
-          <span class="bigT">Jenkins</span>
-        </div>
-    </a>
-  </div>
-  <div class="next">
-    <a href="/guide/ci-integrations/run-nightwatch-on-bamboo.html">
-        <div class="d-flex flex-column">
-          <span class="smallT">Next Page</span>
-          <span class="bigT">Bamboo</span>
-        </div>
-        <span>→</span>
-    </a>
-  </div>
-</div>

docs/guide/ci-integrations/run-nightwatch-on-jenkins.md

@@ -96,24 +96,3 @@ Nightwatch also publishes HTML reports which can be published to Jenkins
 <strong>3.</strong> Run your tests to see the HTML report under `Status->HTML Report`.
 
 ![Jenkins HTML report](https://user-images.githubusercontent.com/1677755/178733403-8205f8ad-81a0-47d7-99aa-676e6e211aa2.png)
-
-<div class="doc-pagination pt-40">
-  <div class="previous">
-    <a href="/guide/debugging-tests/using-debug.html">
-      <span>←</span>
-        <div class="d-flex flex-column">
-          <span class="smallT">Back</span>
-          <span class="bigT">Use.debug()</span>
-        </div>
-    </a>
-  </div>
-  <div class="next">
-    <a href="/guide/ci-integrations/run-nightwatch-on-github-actions.html">
-        <div class="d-flex flex-column">
-          <span class="smallT">Next Page</span>
-          <span class="bigT">Github Actions</span>
-        </div>
-        <span>→</span>
-    </a>
-  </div>
-</div>

docs/guide/component-testing/debugging.md

@@ -83,11 +83,3 @@ You can also use the [integrated debug console](/guide/debugging-tests/using-deb
 ### 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="/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>

docs/guide/component-testing/introduction.md

@@ -75,14 +75,6 @@ The only disadvantage would be that it’s going to be a bit slower than the *JS
 ### Recommended content
 - [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="/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>
-</div>
-
 [1]:    /guide/component-testing/testing-react-components.html
 [2]:    /guide/component-testing/testing-vue-components.html
 [3]:    https://github.com/jsdom/jsdom

docs/guide/component-testing/storybook-component-testing.md

@@ -417,19 +417,6 @@ export default {
 ### Recommended content
 - [Blog \> Introducing Component Testing in Nightwatch][14]
 
-<div class="doc-pagination pt-40">
-  <div class="previous">
-	<a href="/guide/component-testing/write-jsx-react-tests.html">
-	  <span>←</span><div class="d-flex flex-column"><span class="smallT">Back</span><span class="bigT">JSX in React component tests</span></div>
-	</a>
-  </div>
-  <div class="next">
-	<a href="/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>
-  </div>
-</div>
-
 [1]:    https://storybook.js.org/docs/react/api/csf
 [2]:    https://storybook.js.org/docs/react/writing-tests/interaction-testing
 [3]:    https://storybook.js.org/docs/react/writing-tests/accessibility-testing

docs/guide/component-testing/testing-react-components.md

@@ -178,19 +178,6 @@ We've put together a basic To-do app written in React and built on top of Vite w
 <a href="https://github.com/nightwatchjs-community/todo-react"><img class="github-embed" src="https://opengraph.githubassets.com/default/nightwatchjs-community/todo-react" alt="nightwatch-react-plugin on Github" /></a>
 </div>
 
-<div class="doc-pagination pt-40">
-  <div class="previous">
-	<a href="/guide/component-testing/vite-plugin.html">
-	  <span>←</span><div class="d-flex flex-column"><span class="smallT">Back</span><span class="bigT">Using the Vite plugin</span></div>
-	</a>
-  </div>
-  <div class="next">
-	<a href="/guide/component-testing/write-jsx-react-tests.html">
-      <div class="d-flex flex-column"><span class="smallT">Next Page</span><span class="bigT">JSX in React component tests</span></div><span>→</span>
-	</a>
-  </div>
-</div>
-
 
 ### Recommended content
 - [Blog \> Introducing Component Testing in Nightwatch][8]

docs/guide/component-testing/testing-vue-components.md

@@ -9,23 +9,3 @@ description: Learn how to write, execute, and debug VueJS component tests using
 ### 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="/guide/concepts/page-object-model.html">
-      <span>←</span>
-        <div class="d-flex flex-column">
-          <span class="smallT">Back</span>
-          <span class="bigT">Page Object Model</span>
-        </div>
-    </a>
-  </div>
-  <div class="next">
-    <a href="/guide/configuration/nightwatch-configuration-file.html">
-        <div class="d-flex flex-column">
-          <span class="smallT">Next Page</span>
-          <span class="bigT">Nightwatch configuration file</span>
-        </div>
-        <span>→</span>
-    </a>
-  </div>
-</div>

docs/guide/component-testing/vite-plugin.md

@@ -169,19 +169,6 @@ window['@@component_element'] = element;
 ### Recommended content
 - [Blog \> Introducing Component Testing in Nightwatch][8]
 
-<div class="doc-pagination pt-40">
-  <div class="previous">
-	<a href="/guide/component-testing/introduction.html">
-	  <span>←</span><div class="d-flex flex-column"><span class="smallT">Back</span><span class="bigT">Introduction</span></div>
-	</a>
-  </div>
-  <div class="next">
-	<a href="/guide/component-testing/testing-react-components.html">
-      <div class="d-flex flex-column"><span class="smallT">Next Page</span><span class="bigT">Test React components</span></div><span>→</span>
-	</a>
-  </div>
-</div>
-
 [1]:    https://github.com/nightwatchjs/vite-plugin-nightwatch
 [2]:    https://vitejs.dev/
 [3]:    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules

docs/guide/component-testing/write-jsx-react-tests.md

@@ -148,18 +148,6 @@ We've put together a basic To-do app written in React and built on top of Vite w
 ### Recommended content
 - [Blog \> Introducing Component Testing in Nightwatch][7]
 
-<div class="doc-pagination pt-40">
-  <div class="previous">
-	<a href="/guide/component-testing/testing-react-components.html">
-	  <span>←</span><div class="d-flex flex-column"><span class="smallT">Back</span><span class="bigT">Test React components</span></div>
-	</a>
-  </div>
-  <div class="next">
-	<a href="/guide/component-testing/storybook-component-testing.html">
-      <div class="d-flex flex-column"><span class="smallT">Next Page</span><span class="bigT">Storybook integration</span></div><span>→</span>
-	</a>
-  </div>
-</div>
 
 
 

docs/guide/concepts/component-testing.md

@@ -71,23 +71,3 @@ However, for when running the tests in Chrome, you can use the DevTools to do de
 ### 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="/guide/concepts/page-object-model.html">
-      <span>←</span>
-        <div class="d-flex flex-column">
-          <span class="smallT">Back</span>
-          <span class="bigT">Page Object Model</span>
-        </div>
-    </a>
-  </div>
-  <div class="next">
-    <a href="/guide/configuration/nightwatch-configuration-file.html">
-        <div class="d-flex flex-column">
-          <span class="smallT">Next Page</span>
-          <span class="bigT">Nightwatch configuration file</span>
-        </div>
-        <span>→</span>
-    </a>
-  </div>
-</div>