npm - @sap_oss/wdio-qmate-service - Versions diffs - 1.0.0 - Mend

@sap_oss/wdio-qmate-service 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (625) hide show

package/test/helper/website/dragAndDropFailing.html ADDED Viewed

@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Bootstrap Example</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
+  <link rel="stylesheet" type="text/css" href="main.css">
+  <style>
+    .customClass {
+      background-color: tomato;
+      color: white;
+      border: 2px solid black;
+      margin: 20px;
+      padding: 20px;
+    }
+  </style>
+  <script>
+    function allowDrop(event)
+    {
+      event.preventDefault();
+    }
+    function drag(event)
+    {
+      event.dataTransfer.setData("text",event.target.id);
+    }
+    function drop(event)
+    {
+      event.preventDefault();
+      var data=event.dataTransfer.getData("text");
+      event.target.appendChild(document.getElementById(data));
+    }
+  </script>
+</head>
+<body>
+  <nav class="navbar navbar-light ">
+    <a class="navbar-brand" href="#">Non ui5 testing - drag and drop</a>
+  </nav>
+  <div class="container-fluid">
+    <div class="row content">
+      <div class="col-sm-3 sidenav hidden-xs">
+        <ul class="nav nav-pills nav-stacked">
+          <li><a href="buttons.html">Buttons</a></li>
+          <li><a href="tables.html">Tables</a></li>
+          <li><a href="Forms.html">Forms</a></li>
+          <li><a href="Dropdown.html">Dropdown</a></li>
+          <li><a href="checkBox.html">checkBox</a></li>
+          <li><a href="waitForElements.html">WaitForElements</a></li>
+          <li><a href="scrollPage.html">ScrollPage</a></li>
+          <li class="active"><a href="hiddenAndVisible.html">Hidden elements</a></li>
+        </ul><br>
+      </div>
+      <br>
+      <div class="col-sm-5">
+        <div class="row">
+          <div id="sourceDiv" class="well" ondragover="allowDrop(event)" ondrop="drop(event)">
+            <p id="draggableParagraph" draggable="true" ondragstart="drag(event)">This paragraph should be draggable.</p>
+          </div>
+        </div>
+      </div>
+      <br/><br/>
+      <div class="col-sm-5">
+        <div class="row">
+          <div class="well">
+            <span>Drop Target</span>
+            <div id="dropTargetDiv" ondragover="allowDrop(event)" ondrop="drop(event)" style="height: 100px; border-style: solid; border-color: green;"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

package/test/helper/website/dragAndDropWdioExample.html ADDED Viewed

@@ -0,0 +1,41 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>jQuery UI Droppable - Default functionality</title>
+  <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
+  <link rel="stylesheet" type="text/css" href="style.css">
+  <style>
+    #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
+    #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
+  </style>
+  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
+  <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
+  <script>
+    $( function() {
+      $( "#draggable" ).draggable();
+      $( "#droppable" ).droppable({
+        drop: function( event, ui ) {
+          $( this )
+                  .addClass( "ui-state-highlight" )
+                  .find( "p" )
+                  .html( "Dropped!" );
+        }
+      });
+    } );
+  </script>
+</head>
+<body>
+<div id="draggable" class="ui-widget-content">
+  <p>Drag me to my target</p>
+</div>
+<div id="droppable" class="ui-widget-header">
+  <p>Drop here</p>
+</div>
+</body>
+</html>

package/test/helper/website/dropdown.html ADDED Viewed

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Bootstrap Example</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
+  <link rel="stylesheet" type="text/css" href="main.css">
+  <script language="JavaScript">
+    $(document).ready(function () {
+      // convert selects already on the page at dom load
+      $('select.form-control').combobox();
+      $('#it').click(function (e) {
+        $('ul.dropdown-menu').toggle();
+      });
+    });
+  </script>
+</head>
+<body>
+  <nav class="navbar navbar-light ">
+    <a class="navbar-brand" href="#">Non ui5 testing</a>
+  </nav>
+  <div class="container-fluid">
+    <div class="row content">
+      <div class="col-sm-3 sidenav hidden-xs">
+        <ul class="nav nav-pills nav-stacked">
+          <li><a href="buttons.html">Buttons</a></li>
+          <li><a href="Tables.html">Tables</a></li>
+          <li><a href="Forms.html">Forms</a></li>
+          <li class="active"><a href="Dropdown.html">Dropdown</a></li>
+          <li><a href="checkBox.html">checkBox</a></li>
+          <li><a href="waitForElements.html">WaitForElements</a></li>
+          <li><a href="scrollPage.html">ScrollPage</a></li>
+          <li><a href="hiddenAndVisible.html">Hidden elements</a></li>
+        </ul><br>
+      </div>
+      <br>
+      <div class="col-sm-7">
+        <div class="well">
+          <div class="container">
+            <div class="row">
+              <div class="col-sm-3">
+                <select class="form-control">
+                  <option value="+47">Norge</option>
+                  <option value="+46">Sverige</option>
+                  <option value="+45">Denmark</option>
+                </select>
+              </div>
+            </div>
+            <br />
+            <div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

package/test/helper/website/forms.html ADDED Viewed

@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Bootstrap Example</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
+  <link rel="stylesheet" type="text/css" href="main.css">
+  <script language="JavaScript">
+    function showValue() {
+      document.getElementById('display1').innerHTML =
+        document.getElementById("ExampleValue1").value;
+      document.getElementById('display2').innerHTML =
+        document.getElementById("ExampleValue2").value;
+    }
+  </script>
+</head>
+<body>
+  <nav class="navbar navbar-light ">
+    <a class="navbar-brand" name="navbar" href="#">Non ui5 testing</a>
+  </nav>
+  <div class="container-fluid">
+    <div class="row content">
+      <div class="col-sm-3 sidenav hidden-xs">
+        <ul class="nav nav-pills nav-stacked">
+          <li><a href="buttons.html">Buttons</a></li>
+          <li><a href="Tables.html">Tables</a></li>
+          <li class="active"><a href="Forms.html">Forms</a></li>
+          <li><a href="Dropdown.html">Dropdown</a></li>
+          <li><a href="checkBox.html">checkBox</a></li>
+          <li><a href="waitForElements.html">WaitForElements</a></li>
+          <li><a href="scrollPage.html">ScrollPage</a></li>
+          <li><a href="hiddenAndVisible.html">Hidden elements</a></li>
+        </ul><br>
+      </div>
+      <br>
+      <div class="col-sm-5">
+        <div class="well">
+          <form>
+            <div class="form-group">
+              <label for="Value1">Input Value 1</label>
+              <input type="text" class="form-control" id="ExampleValue1" placeholder="Enter a Value">
+            </div>
+            <div class="form-group">
+              <label for="Value2">Input Value 2</label>
+              <input type="text" class="form-control" id="ExampleValue2" placeholder="Enter a Value">
+            </div>
+            <div class="form-group">
+              <label for="Value3">Input Value 3</label>
+              <textarea class="form-control" id="ExampleTextArea" placeholder="Enter a Value"></textarea>
+            </div>
+            <div class="form-check">
+            </div>
+            <button type="button" onclick="showValue();" class="btn btn-primary">Submit</button>
+          </form>
+        </div>
+        <div class="row">
+          <div class="col-sm-5">
+            <div class="well">
+              <label> your values are: </label>
+              <p><span id='display1'></span></p>
+              <p><span id='display2'></span></p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

package/test/helper/website/hiddenAndVisible.html ADDED Viewed

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Bootstrap Example</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
+  <link rel="stylesheet" type="text/css" href="main.css">
+  <style>
+    .customClass {
+      background-color: tomato;
+      color: white;
+      border: 2px solid black;
+      margin: 20px;
+      padding: 20px;
+    }
+  </style>
+</head>
+<body>
+  <nav class="navbar navbar-light ">
+    <a class="navbar-brand" href="#">Non ui5 testing</a>
+  </nav>
+  <div class="container-fluid">
+    <div class="row content">
+      <div class="col-sm-3 sidenav hidden-xs">
+        <ul class="nav nav-pills nav-stacked">
+          <li><a href="buttons.html">Buttons</a></li>
+          <li><a href="tables.html">Tables</a></li>
+          <li><a href="Forms.html">Forms</a></li>
+          <li><a href="Dropdown.html">Dropdown</a></li>
+          <li><a href="checkBox.html">checkBox</a></li>
+          <li><a href="waitForElements.html">WaitForElements</a></li>
+          <li><a href="scrollPage.html">ScrollPage</a></li>
+          <li class="active"><a href="hiddenAndVisible.html">Hidden elements</a></li>
+        </ul><br>
+      </div>
+      <br>
+      <div class="col-sm-5">
+        <div class="row">
+          <div class="well">
+            <p id="paragraphWithClass" class="customClass">This paragraph should be with current style (class).</p>
+            <p id="visibleParagraph">This paragraph should be visible.</p>
+            <label> your hidden paragraph is here (you cannot see it for sure): </label>
+            <p hidden id="hiddenParagraph">This paragraph should be hidden.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

package/test/helper/website/main.css ADDED Viewed

@@ -0,0 +1,36 @@
+/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
+.row.content {height: 550px}
+.navbar {
+  background-color: #d3d3d3;
+  height: 100%;
+}
+/* Set gray background color and 100% height */
+.sidenav {
+  background-color: #f1f1f1;
+  height: 100%;
+  width : 200px;
+}
+/* On small screens, set height to 'auto' for the grid */
+@media screen and (max-width: 500px) {
+  .row.content {height: auto;}
+}
+.form-group {
+}
+#hiddenButton {
+  animation: cssAnimation 0s 5s forwards;
+  visibility: hidden;
+}
+@keyframes cssAnimation {
+  to   { visibility: visible; }
+}

package/test/helper/website/scrollPage.html ADDED Viewed

@@ -0,0 +1,261 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Bootstrap Example</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
+  <link rel="stylesheet" type="text/css" href="main.css">
+  <script language="JavaScript">
+    function showTableValue() {
+      document.getElementById('display1').innerHTML =
+        document.getElementById("row1column1").value;
+      document.getElementById('display2').innerHTML =
+        document.getElementById("row1column2").value;
+      document.getElementById('display3').innerHTML =
+        document.getElementById("row1column3").value;
+      document.getElementById('display4').innerHTML =
+        document.getElementById("row1column4").value;
+      document.getElementById('display5').innerHTML =
+        document.getElementById("row2column1").value;
+      document.getElementById('display6').innerHTML =
+        document.getElementById("row2column2").value;
+      document.getElementById('display7').innerHTML =
+        document.getElementById("row2column3").value;
+      document.getElementById('display8').innerHTML =
+        document.getElementById("row2column4").value;
+      document.getElementById('display9').innerHTML =
+        document.getElementById("row3column1").value;
+      document.getElementById('display10').innerHTML =
+        document.getElementById("row3column2").value;
+      document.getElementById('display11').innerHTML =
+        document.getElementById("row3column3").value;
+      document.getElementById('display12').innerHTML =
+        document.getElementById("row3column4").value;
+      document.getElementById('display13').innerHTML =
+        document.getElementById("row4column1").value;
+      document.getElementById('display14').innerHTML =
+        document.getElementById("row4column2").value;
+      document.getElementById('display15').innerHTML =
+        document.getElementById("row4column3").value;
+      document.getElementById('display16').innerHTML =
+        document.getElementById("row4column4").value;
+      document.getElementById('display17').innerHTML =
+        document.getElementById("row5column1").value;
+      document.getElementById('display18').innerHTML =
+        document.getElementById("row5column2").value;
+      document.getElementById('display19').innerHTML =
+        document.getElementById("row5column3").value;
+      document.getElementById('display20').innerHTML =
+        document.getElementById("row5column4").value;
+      document.getElementById('display21').innerHTML =
+        document.getElementById("row6column1").value;
+      document.getElementById('display22').innerHTML =
+        document.getElementById("row6column2").value;
+      document.getElementById('display23').innerHTML =
+        document.getElementById("row6column3").value;
+      document.getElementById('display24').innerHTML =
+        document.getElementById("row6column4").value;
+      document.getElementById('display25').innerHTML =
+        document.getElementById("row7column1").value;
+      document.getElementById('display26').innerHTML =
+        document.getElementById("row7column2").value;
+      document.getElementById('display27').innerHTML =
+        document.getElementById("row7column3").value;
+      document.getElementById('display28').innerHTML =
+        document.getElementById("row7column4").value;
+      document.getElementById('display29').innerHTML =
+        document.getElementById("row8column1").value;
+      document.getElementById('display30').innerHTML =
+        document.getElementById("row8column2").value;
+      document.getElementById('display31').innerHTML =
+        document.getElementById("row8column3").value;
+      document.getElementById('display32').innerHTML =
+        document.getElementById("row8column4").value;
+    }
+  </script>
+</head>
+<body>
+  <nav class="navbar navbar-light ">
+    <a class="navbar-brand" href="#">Non ui5 testing</a>
+  </nav>
+  <div class="container-fluid">
+    <div class="row content">
+      <div class="col-sm-3 sidenav hidden-xs">
+        <ul class="nav nav-pills nav-stacked">
+          <li><a href="buttons.html">Buttons</a></li>
+          <li><a href="Tables.html">Tables</a></li>
+          <li><a href="Forms.html">Forms</a></li>
+          <li><a href="Dropdown.html">Dropdown</a></li>
+          <li><a href="checkBox.html">checkBox</a></li>
+          <li><a href="waitForElements.html">WaitForElements</a></li>
+          <li class=active><a href="scrollPage.html">ScrollPage</a></li>
+          <li><a href="hiddenAndVisible.html">Hidden elements</a></li>
+        </ul><br>
+      </div>
+      <br>
+      <div class="col-sm-8">
+        <div class="well">
+          <table class="table table-bordered table-hover">
+            <thead>
+              <tr>
+                <th class="col-md-2">Street:</th>
+                <th class="col-md-2">City:</th>
+                <th class="col-md-2">country:</th>
+                <th class="col-md-2">year:</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr ng-repeat="name in getdrugnameNewArray">
+                <td><input type="text" id="row1column1"></td>
+                <td><input type="text" id="row1column2"></td>
+                <td><input type="text" id="row1column3"></td>
+                <td><input type="text" id="row1column4"></td>
+              </tr>
+              <tr ng-repeat="name in getdrugnameNewArray">
+                <td><input type="text" id="row2column1"></td>
+                <td><input type="text" id="row2column2"></td>
+                <td><input type="text" id="row2column3"></td>
+                <td><input type="text" id="row2column4"></td>
+              </tr>
+              <tr ng-repeat="name in getdrugnameNewArray">
+                <td><input type="text" id="row3column1"></td>
+                <td><input type="text" id="row3column2"></td>
+                <td><input type="text" id="row3column3"></td>
+                <td><input type="text" id="row3column4"></td>
+              </tr>
+              <tr ng-repeat="name in getdrugnameNewArray">
+                <td><input type="text" id="row4column1"></td>
+                <td><input type="text" id="row4column2"></td>
+                <td><input type="text" id="row4column3"></td>
+                <td><input type="text" id="row4column4"></td>
+              </tr>
+              <tr ng-repeat="name in getdrugnameNewArray">
+                <td><input type="text" id="row5column1"></td>
+                <td><input type="text" id="row5column2"></td>
+                <td><input type="text" id="row5column3"></td>
+                <td><input type="text" id="row5column4"></td>
+              </tr>
+              <tr ng-repeat="name in getdrugnameNewArray">
+                <td><input type="text" id="row6column1"></td>
+                <td><input type="text" id="row6column2"></td>
+                <td><input type="text" id="row6column3"></td>
+                <td><input type="text" id="row6column4"></td>
+              </tr>
+              <tr ng-repeat="name in getdrugnameNewArray">
+                <td><input type="text" id="row7column1"></td>
+                <td><input type="text" id="row7column2"></td>
+                <td><input type="text" id="row7column3"></td>
+                <td><input type="text" id="row7column4"></td>
+              </tr>
+              <tr ng-repeat="name in getdrugnameNewArray">
+                <td><input type="text" id="row8column1"></td>
+                <td><input type="text" id="row8column2"></td>
+                <td><input type="text" id="row8column3"></td>
+                <td><input type="text" id="row8column4"></td>
+              </tr>
+            </tbody>
+          </table>
+          <button type="button" onclick="showTableValue();" class="btn btn-primary">Submit</button>
+        </div>
+        <div class="row">
+          <div class="col-sm-8">
+            <div class="well">
+              <label> your values are: </label>
+              <table class="table table-bordered table-hover">
+                <thead>
+                  <tr>
+                    <th class="col-md-2">Street:</th>
+                    <th class="col-md-2">City:</th>
+                    <th class="col-md-2">country:</th>
+                    <th class="col-md-2">year:</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr ng-repeat="name in getdrugnameNewArray">
+                    <td><span id='display1'></span></td>
+                    <td><span id='display2'></span></td>
+                    <td><span id='display3'></span></td>
+                    <td><span id='display4'></span></td>
+                  </tr>
+                  <tr ng-repeat="name in getdrugnameNewArray">
+                    <td><span id='display5'></span></td>
+                    <td><span id='display6'></span></td>
+                    <td><span id='display7'></span></td>
+                    <td><span id='display8'></span></td>
+                  </tr>
+                  <tr ng-repeat="name in getdrugnameNewArray">
+                    <td><span id='display9'></span></td>
+                    <td><span id='display10'></span></td>
+                    <td><span id='display11'></span></td>
+                    <td><span id='display12'></span></td>
+                  </tr>
+                  <tr ng-repeat="name in getdrugnameNewArray">
+                    <td><span id='display13'></span></td>
+                    <td><span id='display14'></span></td>
+                    <td><span id='display15'></span></td>
+                    <td><span id='display16'></span></td>
+                  </tr>
+                  <tr ng-repeat="name in getdrugnameNewArray">
+                    <td><span id='display17'></span></td>
+                    <td><span id='display18'></span></td>
+                    <td><span id='display19'></span></td>
+                    <td><span id='display20'></span></td>
+                  </tr>
+                  <tr ng-repeat="name in getdrugnameNewArray">
+                    <td><span id='display21'></span></td>
+                    <td><span id='display22'></span></td>
+                    <td><span id='display23'></span></td>
+                    <td><span id='display24'></span></td>
+                  </tr>
+                  <tr ng-repeat="name in getdrugnameNewArray">
+                    <td><span id='display25'></span></td>
+                    <td><span id='display26'></span></td>
+                    <td><span id='display27'></span></td>
+                    <td><span id='display28'></span></td>
+                  </tr>
+                  <tr ng-repeat="name in getdrugnameNewArray">
+                    <td><span id='display29'></span></td>
+                    <td><span id='display30'></span></td>
+                    <td><span id='display31'></span></td>
+                    <td><span id='display32'></span></td>
+                  </tr>
+                </tbody>
+              </table>
+              <button type="button" id="scrollButton" onclick="showTableValue();"
+                class="btn btn-primary">scrollIntoView</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>