Difference between revisions of "Random Testing RJ"

From Level Access Web Labs
Jump to navigation Jump to search
(102 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<script>
 +
function getfocus() {
 +
  document.getElementById("myAnchor").focus();
 +
}
 +
 +
function losefocus() {
 +
  document.getElementById("myAnchor").blur();
 +
}
 +
 +
</script>
 
   <style type="text/css">
 
   <style type="text/css">
 
     .hidden {
 
     .hidden {
Line 21: Line 31:
 
   </head>
 
   </head>
 
   <body>
 
   <body>
<div data-fragment-name="mwf-plugin-modal-container" class="mwf-modal mwf-modal-flex-aligner" data-modal="1" style="z-index: 201; visibility: visible; touch-action: auto;" data-event-id="3" aria-hidden="false"><section data-fragment-name="mwf-check-deposit-ui-help" role="dialog" aria-labelledby="Mobile-deposit" class="mwf-popup mwf-popup-below-masthead mwf-check-deposit-help-popup" data-modal-container="modal-U4M5U5X3" data-scrollable-popup="" style="max-height: 422px;">
+
-DELETE ME--<br>
  <header>
+
<a href="#">Test</a><br>
    <h2 id="Mobile-deposit" class="mwf-popup-header">Mobile Deposit help</h2>
+
<h2></h2>
    <button data-modal-close="data-modal-close" class="mwf-popup-button-close"><i class="mwf-icon"></i><span class="visuallyhidden">Close</span></button>
+
<h3>&nbsp;</h3>
  </header>
+
 
  <section data-scrollable-content="data-scrollable-content" class="mwf-popup-body" style="height: 394px; overflow-y: auto;" data-is-scrollable="">
+
<div role="heading" aria-level="1">&nbsp;</div>
    <dl class="expand-collapse-container">
+
<input aria-hidden="true" type="radio" id="someid">
      <dt tap-target="tap-target" data-target-id="one" class="expand-collapse-link closed" id="A0WBII5W" style="touch-action: auto;"><button aria-controls="G9SH1Z5H" aria-expanded="false" style="background-color: transparent; border: none; text-align: left; padding: 0px;"><i class="mwf-icon"></i>
+
<label for="someid">Aria hidden on the radio input</label>
        <div class="link-text-container">How does Mobile Deposit work?</div>
+
 
      </button></dt>
+
<input type="text" title="hi there" aria-hidden="true"><br>
      <dd data-target-id="one" class="expand-collapse-content closed" id="G9SH1Z5H">
+
 
        <p>Use your phone's camera to deposit checks anytime, anywhere. Simply:
+
<div class="material-radio f-material-radio"><input class="radio-input" id="m-spanish" name="prefLanguage" type="radio" aria-hidden="true" value="es-US"><label for="m-spanish" role="radio" aria-checked="false">Espa&ntilde;ol</label></div><br>
          </p><ol>
+
 
             <li>Select the account to use for your deposit.</li>
+
 
            <li>Enter the amount.</li>
+
-- Delete Me <br>
            <li>Take a photo of the front and back of your endorsed check. </li>
+
<table role="presentation">
            <li>Submit your deposit.</li>
+
<tr>
          </ol>
+
<td>Company Name</td>
        <p></p>
+
<td>Level Access</td>
      </dd>
+
</tr>
   
+
<tr>
    </dl>
+
<td>State</td>
  </section>
+
<td>VA</td>
</section></div>
+
</tr>
 +
</tr>
 +
<tr>
 +
<td>Country</td>
 +
<td>USA</td>
 +
 
 +
</table><br>
 +
 
 +
<table role="presentation">
 +
<tr>
 +
<td>Company Name</td>
 +
<td><a href="#">Level Access</a></td>
 +
</tr>
 +
<tr>
 +
<td>State</td>
 +
<td><input type="text"></td>
 +
</tr>  
 +
</tr>
 +
<tr>
 +
<td>Country</td>
 +
<td>USA</td>
 +
 
 +
</table>
 +
-DELETE ME--<br>
 +
 
 +
        <h3>div container with style="display: table-cell" and role of region</h3>
 +
        <div style="display: table-cell" role="region" aria-label="test">
 +
 
 +
            <div>Hello world</div>
 +
            <div>Goodbye World</div>
 +
        </div>
 +
 
 +
        <h3>div container with style="display: table-cell"</h3>
 +
        <div >
 +
            <div style="display: table-cell">Hello world</div>
 +
            <div style="display: table-cell">Goodbye World</div>
 +
        </div>
 +
 
 +
        <h3>div container with style="display:table" and role of region</h3>
 +
        <div  role="region" aria-label="testing region">
 +
            <div style="display:table;">Hello world</div>
 +
             <div style="display:table;">Goodbye World</div>
 +
        </div><br>
 +
<h3 tabindex="-1" >JavaScript Focus</h3>
 +
<div role="region" aria-label="errors and notifications">
 +
<div tabindex="-1" id="myAnchor" >The following errors has occurred<br>
 +
<a href="#">Error Number 1</a><br>
 +
Error Number 2</br>
 +
</div>
 +
 
 +
<input type="button" onclick="getfocus()" value="Get focus">
 +
 
 
   <body>
 
   <body>
 
</html>
 
</html>

Revision as of 19:13, 19 September 2019

-DELETE ME--
Test

 

 



-- Delete Me

Company Name Level Access
State VA
Country USA


Company Name Level Access
State
Country USA

-DELETE ME--

div container with style="display: table-cell" and role of region

Hello world
Goodbye World

div container with style="display: table-cell"

Hello world
Goodbye World

div container with style="display:table" and role of region

Hello world
Goodbye World


JavaScript Focus

The following errors has occurred
Error Number 1
Error Number 2

Notes

Random Testing - Not accessible examples

Test Results

What are the test results?