nightwatch-selector-playground
Version:
Nightwatch Selector Playground that allows you to tests command directly from the browser
63 lines (56 loc) • 2.13 kB
HTML
<html lang="en">
<meta charset="UTF-8">
<title>Selector Playground</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="./panel.css">
<body>
<div class="root">
<header>
<img alt="nightwatch" src="./assets/nightwatch-logo.svg">
<div class="heading">Selector Playground</div>
<div></div>
</header>
<div class="container">
<div class="exploreMode">
<input type="checkbox" id="exploreMode">
<div class="heading2">Explore Mode</div>
</div>
</div>
<div class="container">
<div class="heading1">Selector History</div>
<table id="selectorTable">
<thead>
<tr>
<th style="width: 65%;">Selector</th>
<th style="width: 35%;" class="table-row">Actions</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="container">
<div class="heading1">Try nightwatch Commands</div>
<div class="container1">
<input type="text" id="nightwatchCommand" value="browser.title()" autocomplete="off"></input>
<span id="suggestion"></span>
<button class="button-default" id="tryNightwatchCommand">Try</button>
</div>
<div class="heading1">Result</div>
<div class="container1">
<textarea type="text" id="commandResult" disabled></textarea>
</div>
</div>
<div class="container">
<div class="heading1">Commands History</div>
<textarea type="text" id="commandTable" disabled></textarea>
</div>
<footer>
<img alt="nightwatch-browserstack" src="./assets/nightwatchBrowserstack-logo.svg">
<div class="heading2">© 2022 BrowserStack Limited. All rights reserved.</div>
</footer>
</div>
</body>
<script src="./panel.js"></script>
</html>