diff --git a/tests/datepicker-spin-button/data/references.csv b/tests/datepicker-spin-button/data/references.csv
index 9fb2d486f..9f05eb2a9 100644
--- a/tests/datepicker-spin-button/data/references.csv
+++ b/tests/datepicker-spin-button/data/references.csv
@@ -2,7 +2,7 @@ refId,value
 author,Isabel Del Castillo
 authorEmail,isa.delcastillo5@gmail.com
 title,Date Picker Spin Button Example
-reference,reference/2021-10-15_93728/datepicker-spinbuttons.html
+reference,reference/2022-4-19_94552/datepicker-spinbuttons.html
 designPattern,https://w3c.github.io/aria-practices/#spinbutton
 example,https://w3c.github.io/aria-practices/examples/spinbutton/datepicker-spinbuttons.html
 group,https://w3c.github.io/aria/#group
diff --git a/tests/datepicker-spin-button/reference/2021-10-15_93728/css/datepicker-spinbuttons.css b/tests/datepicker-spin-button/reference/2022-4-19_94552/css/datepicker-spinbuttons.css
similarity index 100%
rename from tests/datepicker-spin-button/reference/2021-10-15_93728/css/datepicker-spinbuttons.css
rename to tests/datepicker-spin-button/reference/2022-4-19_94552/css/datepicker-spinbuttons.css
diff --git a/tests/datepicker-spin-button/reference/2021-10-15_93728/datepicker-spinbuttons.html b/tests/datepicker-spin-button/reference/2022-4-19_94552/datepicker-spinbuttons.html
similarity index 97%
rename from tests/datepicker-spin-button/reference/2021-10-15_93728/datepicker-spinbuttons.html
rename to tests/datepicker-spin-button/reference/2022-4-19_94552/datepicker-spinbuttons.html
index 9e062e1d0..09c0ceaac 100644
--- a/tests/datepicker-spin-button/reference/2021-10-15_93728/datepicker-spinbuttons.html
+++ b/tests/datepicker-spin-button/reference/2022-4-19_94552/datepicker-spinbuttons.html
@@ -1,119 +1,119 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="utf-8" />
-<title>Date Picker Spin Button Example</title>
-
-<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
-
-<link href="css/datepicker-spinbuttons.css" rel="stylesheet">
-<script src="js/spinbutton-date.js" type="text/javascript"></script>
-<script src="js/datepicker-spinbuttons.js" type="text/javascript"></script>
-</head>
-<body>
-  <main>
-    <h1>Date Picker Spin Button Example</h1>
-    <p>
-      The following example uses the <a href="https://w3c.github.io/aria-practices/#spinbutton">Spin Button Design Pattern</a> to implement a date picker.
-      It includes three spin buttons: one for setting the day, a second for month, and a third for year.
-    </p>
-    <section>
-      <div class="example-header">
-        <h2 id="ex_label">Example</h2>
-      </div>
-      <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
-      <div id="example">
-
-        <a id="beforelink" href="#beforelink">Navigate forwards from here</a>
-        <div id="example-group"
-             class="datepicker-spinbuttons"
-             role="group"
-             aria-labelledby="myDatepickerLabel myDatepickerDate">
-
-             <div id="myDatepickerLabel">Choose a Date</div>
-             <div class="date" hidden id="myDatepickerDate">current value is Friday, June 30th, 2019</div>
-
-          <div  class="day spinbutton"
-  >         <button type="button" class="decrease"
-                  tabindex="-1"
-                  aria-label="previous day">
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
-                  <polygon points="2,18 18,18 10,4"></polygon>
-              </svg>
-            </button>
-            <div  class="previous" aria-hidden="true">30</div>
-            <div  role="spinbutton"
-                  tabindex="0"
-                  aria-valuenow="1"
-                  aria-valuetext="first"
-                  aria-valuemin="1"
-                  aria-valuemax="31"
-                  aria-label="Day">1</div>
-            <div class="next" aria-hidden="true">2</div>
-            <button type="button" class="increase"
-                  tabindex="-1"
-                  aria-label="next day">
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
-                <polygon points="2,4 18,4 10,18"></polygon>
-              </svg>
-            </button>
-          </div>
-
-          <div  class="month spinbutton">
-            <button type="button" class="decrease"
-                  tabindex="-1"
-                  aria-label="previous month">
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
-                  <polygon points="2,18 18,18 10,4"></polygon>
-              </svg>
-            </button>
-            <div  class="previous" aria-hidden="true">May</div>
-            <div  role="spinbutton"
-                  tabindex="0"
-                  aria-valuenow="5"
-                  aria-valuetext="June"
-                  aria-valuemin="0"
-                  aria-valuemax="11"
-                  aria-label="Month">June</div>
-            <div class="next" aria-hidden="true">July</div>
-            <button type="button" class="increase"
-                  tabindex="-1"
-                  aria-label="next month">
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
-                <polygon points="2,4 18,4 10,18"></polygon>
-              </svg>
-            </button>
-          </div>
-
-          <div  class="year spinbutton">
-            <button type="button" class="decrease"
-                  tabindex="-1"
-                  aria-label="previous year">
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
-                  <polygon points="2,18 18,18 10,4"></polygon>
-              </svg>
-            </button>
-            <div class="previous" aria-hidden="true">2018</div>
-              <div  role="spinbutton"
-                    tabindex="0"
-                    aria-valuenow="2019"
-                    aria-valuemin="2019"
-                    aria-valuemax="2040"
-                    aria-label="Year">2019</div>
-            <div class="next" aria-hidden="true">2020</div>
-            <button type="button" class="increase"
-                  tabindex="-1"
-                  aria-label="next year">
-              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
-                <polygon points="2,4 18,4 10,18"></polygon>
-              </svg>
-            </button>
-          </div>
-        </div>
-        <a id="afterlink" href="#afterlink">Navigate backwards from here</a>
-      </div>
-      <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
-    </section>
-  </main>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<title>Date Picker Spin Button Example</title>
+
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
+
+<link href="css/datepicker-spinbuttons.css" rel="stylesheet">
+<script src="js/spinbutton-date.js" type="text/javascript"></script>
+<script src="js/datepicker-spinbuttons.js" type="text/javascript"></script>
+</head>
+<body>
+  <main>
+    <h1>Date Picker Spin Button Example</h1>
+    <p>
+      The following example uses the <a href="https://w3c.github.io/aria-practices/#spinbutton">Spin Button Design Pattern</a> to implement a date picker.
+      It includes three spin buttons: one for setting the day, a second for month, and a third for year.
+    </p>
+    <section>
+      <div class="example-header">
+        <h2 id="ex_label">Example</h2>
+      </div>
+      <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
+      <div id="example">
+
+        <a id="beforelink" href="#beforelink">Navigate forwards from here</a>
+        <div id="example-group"
+             class="datepicker-spinbuttons"
+             role="group"
+             aria-labelledby="myDatepickerLabel myDatepickerDate">
+
+             <div id="myDatepickerLabel">Choose a Date</div>
+             <div class="date" hidden id="myDatepickerDate">current value is Friday, June 30th, 2019</div>
+
+          <div  class="day spinbutton"
+  >         <button type="button" class="decrease"
+                  tabindex="-1"
+                  aria-label="previous day">
+              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+                  <polygon points="2,18 18,18 10,4"></polygon>
+              </svg>
+            </button>
+            <div  class="previous" aria-hidden="true">30</div>
+            <div  role="spinbutton"
+                  tabindex="0"
+                  aria-valuenow="1"
+                  aria-valuetext="first"
+                  aria-valuemin="1"
+                  aria-valuemax="31"
+                  aria-label="Day">1</div>
+            <div class="next" aria-hidden="true">2</div>
+            <button type="button" class="increase"
+                  tabindex="-1"
+                  aria-label="next day">
+              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+                <polygon points="2,4 18,4 10,18"></polygon>
+              </svg>
+            </button>
+          </div>
+
+          <div  class="month spinbutton">
+            <button type="button" class="decrease"
+                  tabindex="-1"
+                  aria-label="previous month">
+              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+                  <polygon points="2,18 18,18 10,4"></polygon>
+              </svg>
+            </button>
+            <div  class="previous" aria-hidden="true">May</div>
+            <div  role="spinbutton"
+                  tabindex="0"
+                  aria-valuenow="5"
+                  aria-valuetext="June"
+                  aria-valuemin="0"
+                  aria-valuemax="11"
+                  aria-label="Month">June</div>
+            <div class="next" aria-hidden="true">July</div>
+            <button type="button" class="increase"
+                  tabindex="-1"
+                  aria-label="next month">
+              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+                <polygon points="2,4 18,4 10,18"></polygon>
+              </svg>
+            </button>
+          </div>
+
+          <div  class="year spinbutton">
+            <button type="button" class="decrease"
+                  tabindex="-1"
+                  aria-label="previous year">
+              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+                  <polygon points="2,18 18,18 10,4"></polygon>
+              </svg>
+            </button>
+            <div class="previous" aria-hidden="true">2018</div>
+              <div  role="spinbutton"
+                    tabindex="0"
+                    aria-valuenow="2019"
+                    aria-valuemin="2019"
+                    aria-valuemax="2040"
+                    aria-label="Year">2019</div>
+            <div class="next" aria-hidden="true">2020</div>
+            <button type="button" class="increase"
+                  tabindex="-1"
+                  aria-label="next year">
+              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">
+                <polygon points="2,4 18,4 10,18"></polygon>
+              </svg>
+            </button>
+          </div>
+        </div>
+        <a id="afterlink" href="#afterlink">Navigate backwards from here</a>
+      </div>
+      <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
+    </section>
+  </main>
+</body>
+</html>
diff --git a/tests/datepicker-spin-button/reference/2021-10-15_93728/datepicker-spinbuttons.setFocusAfterSpinButtonAndSetPredefinedDate.html b/tests/datepicker-spin-button/reference/2022-4-19_94552/datepicker-spinbuttons.setFocusAfterSpinButtonAndSetPredefinedDate.html
similarity index 99%
rename from tests/datepicker-spin-button/reference/2021-10-15_93728/datepicker-spinbuttons.setFocusAfterSpinButtonAndSetPredefinedDate.html
rename to tests/datepicker-spin-button/reference/2022-4-19_94552/datepicker-spinbuttons.setFocusAfterSpinButtonAndSetPredefinedDate.html
index bf793dd25..9bbb1283d 100644
--- a/tests/datepicker-spin-button/reference/2021-10-15_93728/datepicker-spinbuttons.setFocusAfterSpinButtonAndSetPredefinedDate.html
+++ b/tests/datepicker-spin-button/reference/2022-4-19_94552/datepicker-spinbuttons.setFocusAfterSpinButtonAndSetPredefinedDate.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-<meta charset="utf-8" />
+<meta charset="utf-8">
 <title>Date Picker Spin Button Example</title>
 
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
diff --git a/tests/datepicker-spin-button/reference/2021-10-15_93728/datepicker-spinbuttons.setFocusBeforeSpinButtonAndSetPredefinedDate.html b/tests/datepicker-spin-button/reference/2022-4-19_94552/datepicker-spinbuttons.setFocusBeforeSpinButtonAndSetPredefinedDate.html
similarity index 99%
rename from tests/datepicker-spin-button/reference/2021-10-15_93728/datepicker-spinbuttons.setFocusBeforeSpinButtonAndSetPredefinedDate.html
rename to tests/datepicker-spin-button/reference/2022-4-19_94552/datepicker-spinbuttons.setFocusBeforeSpinButtonAndSetPredefinedDate.html
index a15e66816..6d2f9d461 100644
--- a/tests/datepicker-spin-button/reference/2021-10-15_93728/datepicker-spinbuttons.setFocusBeforeSpinButtonAndSetPredefinedDate.html
+++ b/tests/datepicker-spin-button/reference/2022-4-19_94552/datepicker-spinbuttons.setFocusBeforeSpinButtonAndSetPredefinedDate.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-<meta charset="utf-8" />
+<meta charset="utf-8">
 <title>Date Picker Spin Button Example</title>
 
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
diff --git a/tests/datepicker-spin-button/reference/2021-10-15_93728/datepicker-spinbuttons.setFocusOnSpinButtonAndSetPredefinedDate.html b/tests/datepicker-spin-button/reference/2022-4-19_94552/datepicker-spinbuttons.setFocusOnSpinButtonAndSetPredefinedDate.html
similarity index 99%
rename from tests/datepicker-spin-button/reference/2021-10-15_93728/datepicker-spinbuttons.setFocusOnSpinButtonAndSetPredefinedDate.html
rename to tests/datepicker-spin-button/reference/2022-4-19_94552/datepicker-spinbuttons.setFocusOnSpinButtonAndSetPredefinedDate.html
index 764e32316..e4e649234 100644
--- a/tests/datepicker-spin-button/reference/2021-10-15_93728/datepicker-spinbuttons.setFocusOnSpinButtonAndSetPredefinedDate.html
+++ b/tests/datepicker-spin-button/reference/2022-4-19_94552/datepicker-spinbuttons.setFocusOnSpinButtonAndSetPredefinedDate.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-<meta charset="utf-8" />
+<meta charset="utf-8">
 <title>Date Picker Spin Button Example</title>
 
 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
diff --git a/tests/datepicker-spin-button/reference/2021-10-15_93728/js/datepicker-spinbuttons.js b/tests/datepicker-spin-button/reference/2022-4-19_94552/js/datepicker-spinbuttons.js
similarity index 99%
rename from tests/datepicker-spin-button/reference/2021-10-15_93728/js/datepicker-spinbuttons.js
rename to tests/datepicker-spin-button/reference/2022-4-19_94552/js/datepicker-spinbuttons.js
index 7dbac6a1d..94ea9f1b3 100644
--- a/tests/datepicker-spin-button/reference/2021-10-15_93728/js/datepicker-spinbuttons.js
+++ b/tests/datepicker-spin-button/reference/2022-4-19_94552/js/datepicker-spinbuttons.js
@@ -201,6 +201,5 @@ window.addEventListener('load', function () {
   spinButtons.forEach(function (spinButton) {
     var datepicker = new DatePickerSpinButtons(spinButton);
     datepicker.init();
-    document.defaultView.datepicker = datepicker;
   });
 });
diff --git a/tests/datepicker-spin-button/reference/2021-10-15_93728/js/spinbutton-date.js b/tests/datepicker-spin-button/reference/2022-4-19_94552/js/spinbutton-date.js
similarity index 100%
rename from tests/datepicker-spin-button/reference/2021-10-15_93728/js/spinbutton-date.js
rename to tests/datepicker-spin-button/reference/2022-4-19_94552/js/spinbutton-date.js
