@sap_oss/wdio-qmate-service
Version:
[](https://api.reuse.software/info/github.com/SAP/wdio-qmate-service)[](http
261 lines (236 loc) • 11.5 kB
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>