Format test files.

This commit is contained in:
Paulo Gustavo Veiga 2021-10-02 17:23:32 -07:00
parent 38ec9931d7
commit 24b3f828e3
13 changed files with 1346 additions and 1257 deletions

View File

@ -1,7 +1,15 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
web2d = { web2d = {
peer: {} peer: {}
@ -41,7 +49,7 @@
<h1>PolyLines Render Tests </h1> <h1>PolyLines Render Tests </h1>
<table border="1"> <table>
<colgroup style="width:80%;"> <colgroup style="width:80%;">
<col style="width:30%" /> <col style="width:30%" />
<col style="width:60%" /> <col style="width:60%" />
@ -66,4 +74,5 @@
</tr> </tr>
</table> </table>
</body> </body>
</html> </html>

View File

@ -1,7 +1,14 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
web2d = { web2d = {
peer: {} peer: {}
@ -46,7 +53,7 @@
<h1>PolyLines Render Tests </h1> <h1>PolyLines Render Tests </h1>
<table border="1"> <table>
<colgroup style="width:80%;"> <colgroup style="width:80%;">
<col style="width:30%" /> <col style="width:30%" />
<col style="width:60%" /> <col style="width:60%" />
@ -71,4 +78,5 @@
</tr> </tr>
</table> </table>
</body> </body>
</html> </html>

View File

@ -3,6 +3,13 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
web2d = { web2d = {
peer: {} peer: {}
@ -131,14 +138,9 @@
</head> </head>
<body onload="initialize();"> <body onload="initialize();">
<script type="text/javascript">
// Logger.setEnabled(true);
</script>
<h1>Elements Event Handling</h1> <h1>Elements Event Handling</h1>
<table border="1"> <table>
<colgroup style="width:80%;"> <colgroup style="width:80%;">
<col style="width:30%" /> <col style="width:30%" />
<col style="width:60%" /> <col style="width:60%" />

View File

@ -1,7 +1,14 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
web2d = { web2d = {
peer: {} peer: {}
@ -74,7 +81,7 @@
<h1>Web2d Fonts Tests</h1> <h1>Web2d Fonts Tests</h1>
<table border="1"> <table>
<colgroup> <colgroup>
<col style="width:30%" /> <col style="width:30%" />
<col style="width:60%" /> <col style="width:60%" />
@ -127,4 +134,5 @@
</table> </table>
<input type="button" value="Zoom In" onclick="zoomIn()"> <input type="button" value="Zoom In" onclick="zoomIn()">
</body> </body>
</html> </html>

View File

@ -1,7 +1,14 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
web2d = { web2d = {
peer: {} peer: {}
@ -19,8 +26,7 @@
function initialize() { function initialize() {
web2d.Toolkit.init(); web2d.Toolkit.init();
var basicTest = function() var basicTest = function () {
{
var workspace = new web2d.Workspace(); var workspace = new web2d.Workspace();
workspace.setSize("150px", "150px"); workspace.setSize("150px", "150px");
workspace.setCoordSize(100, 100); workspace.setCoordSize(100, 100);
@ -54,24 +60,19 @@
var xDir = 1; var xDir = 1;
var yDir = 1; var yDir = 1;
var executer = function() var executer = function () {
{
var y = group.getPosition().y + yDir; var y = group.getPosition().y + yDir;
var x = group.getPosition().x + xDir; var x = group.getPosition().x + xDir;
if (x < 0) if (x < 0) {
{
xDir = 1; xDir = 1;
} else if (x > 50) } else if (x > 50) {
{
xDir = -1; xDir = -1;
} }
if (y < 0) if (y < 0) {
{
yDir = 1; yDir = 1;
} else if (y > 50) } else if (y > 50) {
{
yDir = -1; yDir = -1;
} }
@ -83,8 +84,7 @@
basicTest(); basicTest();
var eventTest = function() var eventTest = function () {
{
var workspace = new web2d.Workspace(); var workspace = new web2d.Workspace();
workspace.setSize("150px", "150px"); workspace.setSize("150px", "150px");
workspace.setCoordSize(100, 100); workspace.setCoordSize(100, 100);
@ -115,8 +115,7 @@
eventTest(); eventTest();
var eventTest = function() var eventTest = function () {
{
var workspace = new web2d.Workspace(); var workspace = new web2d.Workspace();
workspace.setSize("150px", "150px"); workspace.setSize("150px", "150px");
workspace.setCoordSize(200, 200); workspace.setCoordSize(200, 200);
@ -175,11 +174,9 @@
eventTest(); eventTest();
var workspaceCoordSizeSample = function() var workspaceCoordSizeSample = function () {
{
function groupSampleBuilder(width, height) function groupSampleBuilder(width, height) {
{
// Group with CoordSize(50,50); // Group with CoordSize(50,50);
var workspace = new web2d.Workspace(); var workspace = new web2d.Workspace();
workspace.setSize("100px", "100px"); workspace.setSize("100px", "100px");
@ -217,11 +214,9 @@
workspaceCoordSizeSample(); workspaceCoordSizeSample();
var workspaceCoordOriginSample = function() var workspaceCoordOriginSample = function () {
{
function groupSampleBuilder(x, y) function groupSampleBuilder(x, y) {
{
var workspace = new web2d.Workspace(); var workspace = new web2d.Workspace();
workspace.setSize("100px", "100px"); workspace.setSize("100px", "100px");
workspace.setCoordSize(100, 100); workspace.setCoordSize(100, 100);
@ -261,8 +256,7 @@
var groupVisibilitySample = function() var groupVisibilitySample = function () {
{
var workspace = new web2d.Workspace(); var workspace = new web2d.Workspace();
workspace.setSize("100px", "100px"); workspace.setSize("100px", "100px");
@ -292,8 +286,7 @@
group.append(elipseInner); group.append(elipseInner);
var isVisible = true; var isVisible = true;
var executer = function() var executer = function () {
{
isVisible = !isVisible; isVisible = !isVisible;
group.setVisibility(isVisible); group.setVisibility(isVisible);
}; };
@ -304,8 +297,7 @@
} }
groupVisibilitySample(); groupVisibilitySample();
var groupVisibilitySample = function() var groupVisibilitySample = function () {
{
var workspace = new web2d.Workspace(); var workspace = new web2d.Workspace();
workspace.setSize("100px", "100px"); workspace.setSize("100px", "100px");
@ -330,8 +322,7 @@
var width = 10; var width = 10;
var height = 10; var height = 10;
var executer = function() var executer = function () {
{
width = (width + 10) % 100; width = (width + 10) % 100;
height = (height + 10) % 100; height = (height + 10) % 100;
group.setCoordSize(width, height); group.setCoordSize(width, height);
@ -350,7 +341,7 @@
<body onload="initialize();"> <body onload="initialize();">
<h1>Group Render Tests.</h1> <h1>Group Render Tests.</h1>
<table border="1"> <table>
<colgroup style="width:80%;"> <colgroup style="width:80%;">
<col style="width:50%" /> <col style="width:50%" />
<col style="width:50%" /> <col style="width:50%" />
@ -413,7 +404,8 @@
<tr> <tr>
<td> <td>
Group coordsize defines how many units there are along the width of the containing block. Group coordsize defines how many units there are along the width of the containing block.
In all the examples, the coordsize of the workspaces have been set to (100,100) and the circles have been In all the examples, the coordsize of the workspaces have been set to (100,100) and the circles have
been
positioned positioned
at (0,0),(0,100),(100,0),(100,100)(50,50).<br /> at (0,0),(0,100),(100,0),(100,100)(50,50).<br />
<br /> <br />
@ -442,7 +434,8 @@
<tr> <tr>
<td> <td>
Group coordorigin defines the coordinate at the top left corner of the containing block. Group coordorigin defines the coordinate at the top left corner of the containing block.
In all the examples,the coordsize of the groups have been set to (100,100) and the circles have been positioned In all the examples,the coordsize of the groups have been set to (100,100) and the circles have been
positioned
at (0,0),(0,100),(100,0),(100,100)(50,50). <br /> at (0,0),(0,100),(100,0),(100,100)(50,50). <br />
<br /> <br />
1) Group with CoordOrigin(0,0)<br /> 1) Group with CoordOrigin(0,0)<br />
@ -493,4 +486,5 @@
</table> </table>
</body> </body>
</html> </html>

View File

@ -1,10 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Testing</title> <title>Testing</title>
</head> </head>
<body> <body>
<div> <div>
<h1>Testing</h1> <h1>Testing</h1>
@ -24,4 +26,5 @@
</ul> </ul>
</div> </div>
</body> </body>
</html> </html>

View File

@ -1,7 +1,14 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
web2d = { web2d = {
peer: {} peer: {}
@ -83,7 +90,7 @@
<h1>Lines Render Tests </h1> <h1>Lines Render Tests </h1>
<table border="1"> <table>
<colgroup style="width:80%;"> <colgroup style="width:80%;">
<col style="width:30%" /> <col style="width:30%" />
<col style="width:60%" /> <col style="width:60%" />
@ -130,4 +137,5 @@
</table> </table>
</body> </body>
</html> </html>

View File

@ -1,7 +1,15 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
web2d = { web2d = {
peer: {} peer: {}
@ -156,7 +164,7 @@
<h1>PolyLines Render Tests </h1> <h1>PolyLines Render Tests </h1>
<table border="1"> <table>
<colgroup style="width:80%;"> <colgroup style="width:80%;">
<col style="width:30%" /> <col style="width:30%" />
<col style="width:60%" /> <col style="width:60%" />
@ -181,4 +189,5 @@
</tr> </tr>
</table> </table>
</body> </body>
</html> </html>

View File

@ -2,6 +2,12 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
web2d = { web2d = {
peer: {} peer: {}
@ -159,10 +165,11 @@
<div id="divWorkspace" style="overflow:scroll;width:1020px;height:620px;position:relative;"> <div id="divWorkspace" style="overflow:scroll;width:1020px;height:620px;position:relative;">
</div> </div>
Notas: Notes:
<li>El evento de mousemove se debe agregar al workspace. <li>El evento de mousemove se debe agregar al workspace.
<li>Cuando se esta drageando un elemento se deberia deshabilitar los eventos del resto de los elementos. <li>Cuando se esta drageando un elemento se deberia deshabilitar los eventos del resto de los elementos.
<li>Definir comportamiento del area. <li>Definir comportamiento del area.
</body> </body>
</html> </html>

View File

@ -1,8 +1,14 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
web2d = { web2d = {
peer: {} peer: {}
@ -70,7 +76,7 @@
<h1>Rect Render Tests </h1> <h1>Rect Render Tests </h1>
<table border="1"> <table>
<colgroup style="width:80%;"> <colgroup style="width:80%;">
<col style="width:10%" /> <col style="width:10%" />
<col style="width:90%" /> <col style="width:90%" />
@ -99,4 +105,5 @@
</table> </table>
</body> </body>
</html> </html>

View File

@ -1,7 +1,15 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
web2d = { web2d = {
peer: {} peer: {}
@ -99,8 +107,10 @@ function initialize() {
workspace.setCoordSize(500, 100); workspace.setCoordSize(500, 100);
workspace.setCoordOrigin(0, 0); workspace.setCoordOrigin(0, 0);
var rect = new web2d.Rect(0, {x: 5, y: 5, width: 390, height: 90, fillColor: 'green', var rect = new web2d.Rect(0, {
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 1}); x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 1
});
workspace.append(rect); workspace.append(rect);
var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 }; var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 };
@ -135,8 +145,10 @@ function initialize() {
workspace.setCoordSize(500, 100); workspace.setCoordSize(500, 100);
workspace.setCoordOrigin(0, 0); workspace.setCoordOrigin(0, 0);
var rect = new web2d.Rect(0, {x: 5, y: 5, width: 390, height: 90, fillColor: 'green', var rect = new web2d.Rect(0, {
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4}); x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4
});
workspace.append(rect); workspace.append(rect);
var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 }; var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 };
@ -171,8 +183,10 @@ function initialize() {
workspace.setCoordSize(500, 100); workspace.setCoordSize(500, 100);
workspace.setCoordOrigin(0, 0); workspace.setCoordOrigin(0, 0);
var rect = new web2d.Rect(0, {x: 5, y: 5, width: 390, height: 90, fillColor: 'green', var rect = new web2d.Rect(0, {
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4}); x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4
});
workspace.append(rect); workspace.append(rect);
var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 }; var rectAttributes = { width: 60, height: 60, fillColor: 'yellow', strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 10 };
@ -233,7 +247,7 @@ function initialize() {
<h1>Element properties Tests </h1> <h1>Element properties Tests </h1>
<table border="1"> <table>
<colgroup style="width:80%;"> <colgroup style="width:80%;">
<col style="width:10%" /> <col style="width:10%" />
<col style="width:90%" /> <col style="width:90%" />
@ -302,4 +316,5 @@ function initialize() {
</table> </table>
</body> </body>
</html> </html>

View File

@ -1,7 +1,15 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
web2d = { web2d = {
peer: {} peer: {}
@ -74,7 +82,7 @@
<h1>Text Render Tests </h1> <h1>Text Render Tests </h1>
<table border="1"> <table>
<colgroup style="width:80%;"> <colgroup style="width:80%;">
<col style="width:30%" /> <col style="width:30%" />
<col style="width:60%" /> <col style="width:60%" />
@ -102,4 +110,5 @@
onclick="alert(document.getElementById('textoHTML'+document.id('iesimo').value).offsetWidth);"> onclick="alert(document.getElementById('textoHTML'+document.id('iesimo').value).offsetWidth);">
<input type="button" value="Zoom In" onclick="zoomIn()"> <input type="button" value="Zoom In" onclick="zoomIn()">
</body> </body>
</html> </html>

View File

@ -1,7 +1,14 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <html>
<head> <head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
web2d = { web2d = {
@ -203,16 +210,18 @@
<h1>Workspace Render Tests </h1> <h1>Workspace Render Tests </h1>
<table border="1"> <table>
<colgroup style="width:80%;"> <colgroup style="width:80%;">
<col style="width:30%"> <col style="width:30%">
<col style="width:60%"> <col style="width:60%">
</colgroup> </colgroup>
<tr> <tr>
<td> <td>
The Workspace's size defines the visible work area. If an element is outside the workspace, it must not be The Workspace's size defines the visible work area. If an element is outside the workspace, it must not
be
visible. visible.
In this example, The back circle is bigger than the workspace area. A big portion of the circle will not be In this example, The back circle is bigger than the workspace area. A big portion of the circle will not
be
displayed. displayed.
</td> </td>
<td> <td>
@ -315,4 +324,5 @@
</table> </table>
</body> </body>
</html> </html>