6 files changed, 68 insertions, 1 deletions
diff --git a/tests/auto/shared/data/loadprogress/page1.html b/tests/auto/shared/data/loadprogress/page1.html
index 5cd479ab6..9b11ce887 100644
--- a/tests/auto/shared/data/loadprogress/page1.html
+++ b/tests/auto/shared/data/loadprogress/page1.html
@@ -3,6 +3,6 @@
     <title>page1</title>
   </head>
   <body>
-    <h1>page1</h1>
+    <div><a href="page2.html#anchor">page2</a></div>
   </body>
 </html>
diff --git a/tests/auto/shared/data/loadprogress/page2.html b/tests/auto/shared/data/loadprogress/page2.html
index e3031f56a..223817c8c 100644
--- a/tests/auto/shared/data/loadprogress/page2.html
+++ b/tests/auto/shared/data/loadprogress/page2.html
@@ -9,6 +9,7 @@
     }
   </style>
   <body>
+    <div><a href="#anchor">page2</a></div>
     <div class="fardown" id="anchor">page2 anchor</div>
   </body>
 </html>
diff --git a/tests/auto/shared/data/loadprogress/page5.html b/tests/auto/shared/data/loadprogress/page5.html
new file mode 100644
index 000000000..47709ff08
--- /dev/null
+++ b/tests/auto/shared/data/loadprogress/page5.html
@@ -0,0 +1,20 @@
+<html>
+  <head>
+    <title>page5</title>
+  </head>
+  <script>
+    addEventListener('DOMContentLoaded', (event) => {
+      document.getElementById('anchorLink').click();
+    });
+  </script>
+  <style>
+    .fardown {
+      position: absolute;
+      top: 2500px;
+    }
+  </style>
+  <body>
+    <div><a id="anchorLink" href="#anchor">go to the anchor</a></div>
+    <div class="fardown" id="anchor">here is the anchor</div>
+  </body>
+</html>
diff --git a/tests/auto/shared/data/loadprogress/page6.html b/tests/auto/shared/data/loadprogress/page6.html
new file mode 100644
index 000000000..98042701a
--- /dev/null
+++ b/tests/auto/shared/data/loadprogress/page6.html
@@ -0,0 +1,13 @@
+<html>
+  <head>
+    <title>page6</title>
+  </head>
+  <script>
+    addEventListener('DOMContentLoaded', (event) => {
+      document.getElementById('anchorLink').click();
+    });
+  </script>
+  <body>
+    <div><a id="anchorLink" href="page2.html#anchor">go to another page</a></div>
+  </body>
+</html>
diff --git a/tests/auto/shared/data/loadprogress/page7.html b/tests/auto/shared/data/loadprogress/page7.html
new file mode 100644
index 000000000..42538c5de
--- /dev/null
+++ b/tests/auto/shared/data/loadprogress/page7.html
@@ -0,0 +1,13 @@
+<html>
+  <head>
+    <title>page6</title>
+  </head>
+  <script>
+    setTimeout(function(){
+      document.getElementById('anchorLink').click();
+    },500);
+  </script>
+  <body>
+    <div><a id="anchorLink" href="page2.html#anchor">go to another page</a></div>
+  </body>
+</html>
diff --git a/tests/auto/shared/data/loadprogress/page8.html b/tests/auto/shared/data/loadprogress/page8.html
new file mode 100644
index 000000000..8ebdddf97
--- /dev/null
+++ b/tests/auto/shared/data/loadprogress/page8.html
@@ -0,0 +1,20 @@
+<html>
+  <head>
+    <title>Page with js navigation in the end of document to anchor within the page</title>
+  </head>
+  <style>
+    .fardown {
+      position: absolute;
+      top: 2500px;
+    }
+  </style>
+  <body>
+    <div><a id="anchorLink" href="#anchor">go to the anchor</a></div>
+    <div class="fardown" id="anchor">here is the anchor</div>
+    <script>
+      addEventListener('load', (event) => {
+        window.location.replace(document.getElementById('anchorLink').href)
+      })
+    </script>
+  </body>
+</html>