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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript">
web2d = {
peer: {}
@ -41,7 +49,7 @@
<h1>PolyLines Render Tests </h1>
<table border="1">
<table>
<colgroup style="width:80%;">
<col style="width:30%" />
<col style="width:60%" />
@ -66,4 +74,5 @@
</tr>
</table>
</body>
</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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript">
web2d = {
peer: {}
@ -46,7 +53,7 @@
<h1>PolyLines Render Tests </h1>
<table border="1">
<table>
<colgroup style="width:80%;">
<col style="width:30%" />
<col style="width:60%" />
@ -71,4 +78,5 @@
</tr>
</table>
</body>
</html>

View File

@ -3,6 +3,13 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript">
web2d = {
peer: {}
@ -131,14 +138,9 @@
</head>
<body onload="initialize();">
<script type="text/javascript">
// Logger.setEnabled(true);
</script>
<h1>Elements Event Handling</h1>
<table border="1">
<table>
<colgroup style="width:80%;">
<col style="width:30%" />
<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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript">
web2d = {
peer: {}
@ -74,7 +81,7 @@
<h1>Web2d Fonts Tests</h1>
<table border="1">
<table>
<colgroup>
<col style="width:30%" />
<col style="width:60%" />
@ -127,4 +134,5 @@
</table>
<input type="button" value="Zoom In" onclick="zoomIn()">
</body>
</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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript">
web2d = {
peer: {}
@ -19,8 +26,7 @@
function initialize() {
web2d.Toolkit.init();
var basicTest = function()
{
var basicTest = function () {
var workspace = new web2d.Workspace();
workspace.setSize("150px", "150px");
workspace.setCoordSize(100, 100);
@ -54,24 +60,19 @@
var xDir = 1;
var yDir = 1;
var executer = function()
{
var executer = function () {
var y = group.getPosition().y + yDir;
var x = group.getPosition().x + xDir;
if (x < 0)
{
if (x < 0) {
xDir = 1;
} else if (x > 50)
{
} else if (x > 50) {
xDir = -1;
}
if (y < 0)
{
if (y < 0) {
yDir = 1;
} else if (y > 50)
{
} else if (y > 50) {
yDir = -1;
}
@ -83,8 +84,7 @@
basicTest();
var eventTest = function()
{
var eventTest = function () {
var workspace = new web2d.Workspace();
workspace.setSize("150px", "150px");
workspace.setCoordSize(100, 100);
@ -115,8 +115,7 @@
eventTest();
var eventTest = function()
{
var eventTest = function () {
var workspace = new web2d.Workspace();
workspace.setSize("150px", "150px");
workspace.setCoordSize(200, 200);
@ -175,11 +174,9 @@
eventTest();
var workspaceCoordSizeSample = function()
{
var workspaceCoordSizeSample = function () {
function groupSampleBuilder(width, height)
{
function groupSampleBuilder(width, height) {
// Group with CoordSize(50,50);
var workspace = new web2d.Workspace();
workspace.setSize("100px", "100px");
@ -217,11 +214,9 @@
workspaceCoordSizeSample();
var workspaceCoordOriginSample = function()
{
var workspaceCoordOriginSample = function () {
function groupSampleBuilder(x, y)
{
function groupSampleBuilder(x, y) {
var workspace = new web2d.Workspace();
workspace.setSize("100px", "100px");
workspace.setCoordSize(100, 100);
@ -261,8 +256,7 @@
var groupVisibilitySample = function()
{
var groupVisibilitySample = function () {
var workspace = new web2d.Workspace();
workspace.setSize("100px", "100px");
@ -292,8 +286,7 @@
group.append(elipseInner);
var isVisible = true;
var executer = function()
{
var executer = function () {
isVisible = !isVisible;
group.setVisibility(isVisible);
};
@ -304,8 +297,7 @@
}
groupVisibilitySample();
var groupVisibilitySample = function()
{
var groupVisibilitySample = function () {
var workspace = new web2d.Workspace();
workspace.setSize("100px", "100px");
@ -330,8 +322,7 @@
var width = 10;
var height = 10;
var executer = function()
{
var executer = function () {
width = (width + 10) % 100;
height = (height + 10) % 100;
group.setCoordSize(width, height);
@ -350,7 +341,7 @@
<body onload="initialize();">
<h1>Group Render Tests.</h1>
<table border="1">
<table>
<colgroup style="width:80%;">
<col style="width:50%" />
<col style="width:50%" />
@ -413,7 +404,8 @@
<tr>
<td>
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
at (0,0),(0,100),(100,0),(100,100)(50,50).<br />
<br />
@ -442,7 +434,8 @@
<tr>
<td>
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 />
<br />
1) Group with CoordOrigin(0,0)<br />
@ -493,4 +486,5 @@
</table>
</body>
</html>

View File

@ -1,10 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Testing</title>
</head>
<body>
<div>
<h1>Testing</h1>
@ -24,4 +26,5 @@
</ul>
</div>
</body>
</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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript">
web2d = {
peer: {}
@ -83,7 +90,7 @@
<h1>Lines Render Tests </h1>
<table border="1">
<table>
<colgroup style="width:80%;">
<col style="width:30%" />
<col style="width:60%" />
@ -130,4 +137,5 @@
</table>
</body>
</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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript">
web2d = {
peer: {}
@ -156,7 +164,7 @@
<h1>PolyLines Render Tests </h1>
<table border="1">
<table>
<colgroup style="width:80%;">
<col style="width:30%" />
<col style="width:60%" />
@ -181,4 +189,5 @@
</tr>
</table>
</body>
</html>

View File

@ -2,6 +2,12 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript">
web2d = {
peer: {}
@ -159,10 +165,11 @@
<div id="divWorkspace" style="overflow:scroll;width:1020px;height:620px;position:relative;">
</div>
Notas:
Notes:
<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>Definir comportamiento del area.
</body>
</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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript">
web2d = {
peer: {}
@ -70,7 +76,7 @@
<h1>Rect Render Tests </h1>
<table border="1">
<table>
<colgroup style="width:80%;">
<col style="width:10%" />
<col style="width:90%" />
@ -99,4 +105,5 @@
</table>
</body>
</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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript">
web2d = {
peer: {}
@ -99,8 +107,10 @@ function initialize() {
workspace.setCoordSize(500, 100);
workspace.setCoordOrigin(0, 0);
var rect = new web2d.Rect(0, {x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 1});
var rect = new web2d.Rect(0, {
x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 1
});
workspace.append(rect);
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.setCoordOrigin(0, 0);
var rect = new web2d.Rect(0, {x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4});
var rect = new web2d.Rect(0, {
x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4
});
workspace.append(rect);
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.setCoordOrigin(0, 0);
var rect = new web2d.Rect(0, {x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4});
var rect = new web2d.Rect(0, {
x: 5, y: 5, width: 390, height: 90, fillColor: 'green',
strokeColor: 'black', strokeStyle: 'solid', strokeWidth: 4
});
workspace.append(rect);
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>
<table border="1">
<table>
<colgroup style="width:80%;">
<col style="width:10%" />
<col style="width:90%" />
@ -302,4 +316,5 @@ function initialize() {
</table>
</body>
</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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript">
web2d = {
peer: {}
@ -74,7 +82,7 @@
<h1>Text Render Tests </h1>
<table border="1">
<table>
<colgroup style="width:80%;">
<col style="width:30%" />
<col style="width:60%" />
@ -102,4 +110,5 @@
onclick="alert(document.getElementById('textoHTML'+document.id('iesimo').value).offsetWidth);">
<input type="button" value="Zoom In" onclick="zoomIn()">
</body>
</html>

View File

@ -1,7 +1,14 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
th,
td {
border: 1px solid black;
}
</style>
<script type="text/javascript">
web2d = {
@ -203,16 +210,18 @@
<h1>Workspace Render Tests </h1>
<table border="1">
<table>
<colgroup style="width:80%;">
<col style="width:30%">
<col style="width:60%">
</colgroup>
<tr>
<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.
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.
</td>
<td>
@ -315,4 +324,5 @@
</table>
</body>
</html>