Create updated tests for APG design pattern example: Main landmark (#707)

* update timestamped example directory and references.csv

* Example: update page title, remove 'Related Links' nav and similar example links, as well as 'Accessibility Features', 'Keyboard Support', 'Role, Property, State, and Tabindex Attributes' and source code sections and footer nav

* remove previous APG example

* Generate .html source files with scripts automatically

* Update test 7

* Update some additional JAWS commands

Co-authored-by: IsaDC <IsaDC@users.noreply.github.com>
Co-authored-by: James Scholes <james@jamesscholes.com>

Author: IsaDC

tests/main/data/commands.csv

@@ -1,20 +1,20 @@
 testId,task,mode,at,commandA,commandB,commandC,commandD,commandE
-1,Navigate forwards into a main landmark,READING,JAWS,R,DOWN,TAB,U,Q
+1,Navigate forwards into a main landmark,READING,JAWS,"R,DOWN","DOWN,DOWN",U,"Q,DOWN",TAB
 1,Navigate forwards into a main landmark,READING,NVDA,D,DOWN,TAB,U,K
 2,Navigate forwards into a main landmark,INTERACTION,JAWS,TAB,,,,
 2,Navigate forwards into a main landmark,INTERACTION,NVDA,TAB,,,,
 3,Navigate forwards into a main landmark,INTERACTION,VOICEOVER_MACOS,"CTRL_OPT_RIGHT,CTRL_OPT_RIGHT",CTRL_OPT_CMD_L,,,
-4,Navigate backwards into a main landmark,READING,JAWS,UP,SHIFT_TAB,SHIFT_U,,
+4,Navigate backwards into a main landmark,READING,JAWS,"UP,UP",SHIFT_U,SHIFT_TAB,,
 4,Navigate backwards into a main landmark,READING,NVDA,UP,SHIFT_TAB,SHIFT_U,SHIFT_K,
 5,Navigate backwards into a main landmark,INTERACTION,JAWS,SHIFT_TAB,,,,
 5,Navigate backwards into a main landmark,INTERACTION,NVDA,SHIFT_TAB,,,,
 6,Navigate backwards into a main landmark,INTERACTION,VOICEOVER_MACOS,"CTRL_OPT_LEFT,CTRL_OPT_LEFT",SHIFT_CTRL_OPT_CMD_L,,,
-7,Navigate forwards out of a main landmark,READING,JAWS,DOWN,U,TAB,,
-7,Navigate forwards out of a main landmark,READING,NVDA,DOWN,U,K,TAB,
+7,Navigate forwards out of a main landmark,READING,JAWS,"DOWN,DOWN",U,"SHIFT_PERIOD,DOWN",TAB,
+7,Navigate forwards out of a main landmark,READING,NVDA,DOWN,U,K,COMMA,TAB
 8,Navigate forwards out of a main landmark,INTERACTION,JAWS,TAB,,,,
 8,Navigate forwards out of a main landmark,INTERACTION,NVDA,TAB,,,,
 9,Navigate forwards out of a main landmark,INTERACTION,VOICEOVER_MACOS,"CTRL_OPT_RIGHT,CTRL_OPT_RIGHT",CTRL_OPT_CMD_L,,,
-10,Navigate backwards out of a main landmark,READING,JAWS,UP,SHIFT_U,SHIFT_TAB,,
+10,Navigate backwards out of a main landmark,READING,JAWS,"UP,UP",SHIFT_U,SHIFT_TAB,,
 10,Navigate backwards out of a main landmark,READING,NVDA,UP,SHIFT_K,SHIFT_U,SHIFT_TAB,
 11,Navigate backwards out of a main landmark,INTERACTION,JAWS,SHIFT_TAB,,,,
 11,Navigate backwards out of a main landmark,INTERACTION,NVDA,SHIFT_TAB,,,,

tests/main/data/references.csv

@@ -2,7 +2,7 @@ refId,value
 author,Isabel Del Castillo
 title,Main Landmark
 authorEmail,isa.delcastillo5@gmail.com
-reference,reference/2021-10-24_181316/main.html
+reference,reference/2022-4-28_91451/main.html
 designPattern,https://w3c.github.io/aria-practices/#aria_lh_main
 example,https://w3c.github.io/aria-practices/examples/landmarks/main.html
 main,https://w3c.github.io/aria/#main

tests/main/reference/2021-10-24_181316/css/bootstrap-accessibility.css renamed to tests/main/reference/2022-4-28_91451/css/bootstrap-accessibility.css

@@ -1,9 +1,11 @@
 .btn:focus {
   outline: dotted 2px #000;
 }
+
 div.active:focus {
   outline: dotted 1px #000;
 }
+
 a:focus {
   outline: dotted 1px #000;
 }
@@ -22,11 +24,9 @@ a:focus {
   position: absolute;
   top: -999999em;
   display: block;
-  -webkit-transition: 0.6s ease-in-out left;
-  -moz-transition: 0.6s ease-in-out left;
-  -o-transition: 0.6s ease-in-out left;
   transition: 0.6s ease-in-out left;
 }
+
 .carousel-inner > .active {
   top: 0;
 }
@@ -43,9 +43,11 @@ a:focus {
   top: 0;
   width: 100%;
 }
+
 .alert-success {
   color: #2d4821;
 }
+
 .alert-info {
   color: #214c62;
 }
@@ -54,9 +56,11 @@ a:focus {
   color: #6c4a00;
   background-color: #f9f1c6;
 }
+
 .alert-danger {
   color: #d2322d;
 }
+
 .alert-danger:hover {
   color: #a82824;
 }

tests/main/reference/2021-10-24_181316/css/bootstrap-theme.css renamed to tests/main/reference/2022-4-28_91451/css/bootstrap-theme.css

@@ -71,10 +71,7 @@ aside li {
 nav li {
   margin-top: 0.45em;
   border: solid thin #337ab7;
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
+  border-radius: 6px;
 }
 
 main ul.nav-tabs li {
@@ -144,10 +141,7 @@ aside {
   background-color: #f4f4f4;
   margin-right: 12em;
   width: 100%;
-  border-top-left-radius: 6px;
-  border-bottom-left-radius: 6px;
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
+  border-radius: 6px;
 }
 
 aside h2 {

tests/main/reference/2021-10-24_181316/css/bootstrap.css renamed to tests/main/reference/2022-4-28_91451/css/bootstrap.css

@@ -24,8 +24,6 @@ div.oaa-message-dialog > div {
 
 div.oaa-element-overlay > div:hover {
   cursor: grab;
-  cursor: -moz-grab;
-  cursor: -webkit-grab;
 }
 
 div.oaa-message-dialog {