pogen4selenium/pogen4selenium-example/src/test/resources/TestPage.html at develop · toolisticon/pogen4selenium · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
	        	<html>


	        		<style>
					#div1 {
					  width: 350px;
					  height: 70px;
					  padding: 10px;
					  border: 1px solid #aaaaaa;
					}
					</style>
					<script>
						function dragstartHandler(ev) {
						  ev.dataTransfer.setData("text", ev.target.id);
						}

						function dragoverHandler(ev) {
						  ev.preventDefault();
						}

						function dropHandler(ev) {
						  ev.preventDefault();
						  const data = ev.dataTransfer.getData("text");
						  ev.target.appendChild(document.getElementById(data));
						}
					</script>

	        		<script>
	        			function incrementCounter(){
	        				var element = document.getElementById('counter');
	        				var counter = parseInt(element.textContent);

	        				element.textContent = counter+1;

	        			}
	        		</script>

	        		<body>
	        			<h1>POGEN4SELENIUM TEST PAGE</h1>


	        			<fieldset>
		        			<legend>Write and Read to/from input field</legend>
	        				<label for="input_field">Input field</label> :
	        				<input type="text" id="input_field">
		        		</fieldset>


		        		<fieldset name="counter">
		        			<legend>Click Element and Read single value</legend>
	        			    <input type="button" value="Increase counter" onclick="incrementCounter()"/> : <span id="counter">1</span>
		        		</fieldset>

	        			<fieldset>
	        				<legend>Data Extraction</legend>
		        			<table name="tabledataextraction">
		        				<tr class="head">
		        				  <th>NAME</th>
		        				  <th>AGE</th>
		        				  <th>LINK</th>
		        				  <th>INPUT</th>
		        				</tr>
		        				<tr class="data">
		        					<td>Max</td>
		        					<td>9</td>
		        					<td><a href="linkA">Link A</a></td>
		        					<td><input type="text" name="inputField"></td>
		        				</tr>
		        				<tr class="data">
		        					<td>Moritz</td>
		        					<td>10</td>
		        					<td><a href="linkB">Link B</a></td>
		        					<td><input type="text" name="inputField"></td>
		        				</tr>
		        			</table>
	        			</fieldset>

	        			<fieldset>
	        				<legend>Drag and Drop example</legend>
	        				 <div id="div1" ondrop="dropHandler(event)" ondragover="dragoverHandler(event)"></div>
							 <br>
							 <div id="drag_div"  draggable="true" ondragstart="dragstartHandler(event)" width="336" height="69">DRAG ME!!!!</div>
	        			</fieldset>
	        		</body>
	        	</html>