248 lines
9.7 KiB
HTML
248 lines
9.7 KiB
HTML
<html>
|
|
<head>
|
|
<script type="text/javascript"
|
|
src="../../../dojo/dojo.js"
|
|
djConfig="isDebug: true, parseOnLoad: true">
|
|
</script>
|
|
<script type="text/javascript">
|
|
dojo.require("doh.runner");
|
|
dojo.require("dojo.parser");
|
|
dojo.require("dojox.form.PasswordValidator");
|
|
dojo.require("dijit.form.Button");
|
|
dojo.require("dijit.form.Form");
|
|
|
|
dojo.addOnLoad(function(){
|
|
doh.register("tests",
|
|
[
|
|
function test_setDisabled(t){
|
|
valid1.set("disabled", true);
|
|
t.t(dojo.every(
|
|
dojo.query("[widgetId]", valid1.domNode)
|
|
.map(function(i){
|
|
return dijit.byNode(i);
|
|
}),
|
|
function(i){
|
|
return i.disabled;
|
|
}
|
|
), "disabled");
|
|
valid1.set("disabled", false);
|
|
t.t(dojo.every(
|
|
dojo.query("[widgetId]", valid1.domNode)
|
|
.map(function(i){
|
|
return dijit.byNode(i);
|
|
}),
|
|
function(i){
|
|
return !i.disabled;
|
|
}
|
|
), "enabled");
|
|
},
|
|
function test_isValid(t){
|
|
t.f(form1.isValid(), "form invalid");
|
|
dijit.byId("nv1").set("value", "test");
|
|
dijit.byId("vv1").set("value", "Test");
|
|
t.f(form1.isValid(), "isValid() 1");
|
|
dijit.byId("vv1").set("value", "test");
|
|
t.t(form1.isValid(), "isValid() 2");
|
|
t.t(form6.isValid(), "isValid() 3");
|
|
t.is({password: ""}, form6.get("value"), '{password: ""}');
|
|
dijit.byId("nv6").set("value", "test");
|
|
t.f(form6.isValid(), "isValid() 4");
|
|
t.is({password: ""}, form6.get("value"), '{password: ""}');
|
|
dijit.byId("vv6").set("value", "test");
|
|
t.t(form6.isValid(), "isValid() 5");
|
|
t.is({password: "test"}, form6.get("value"), '{password: "test"}');
|
|
},
|
|
function test_getValue(t){
|
|
dijit.byId("nv1").set("value", "test");
|
|
dijit.byId("vv1").set("value", "Test");
|
|
t.is({password: ""}, form1.get("value"), '{password: ""}');
|
|
dijit.byId("vv1").set("value", "test123");
|
|
dijit.byId("nv1").set("value", "test123");
|
|
t.is({password: "test123"}, form1.get("value"), '{password: "test123"}');
|
|
},
|
|
function test_oldPW(t){
|
|
dijit.byId("nv2").set("value", "test");
|
|
dijit.byId("vv2").set("value", "test");
|
|
t.f(form2.isValid(), "isValid() 1");
|
|
dijit.byId("ov2").set("value", "oldpw4");
|
|
t.f(form2.isValid(), "isValid() 2");
|
|
dijit.byId("ov2").set("value", "oldpw2");
|
|
t.t(form2.isValid(), "isValid() 3");
|
|
},
|
|
function test_getOldValue(t){
|
|
t.is({password: "test"}, form2.get("value"), '{password: "test"}');
|
|
dijit.byId("nv3").set("value", "test");
|
|
dijit.byId("vv3").set("value", "test");
|
|
dijit.byId("ov3").set("value", "oldpw4");
|
|
t.is({password: "", oldPassword: ""}, form3.get("value"), '{password: "", oldPassword: ""}');
|
|
dijit.byId("ov3").set("value", "oldpw3");
|
|
dijit.byId("vv3").set("value", "Test");
|
|
t.is({password: "", oldPassword: ""}, form3.get("value"), '{password: "", oldPassword: ""}');
|
|
dijit.byId("vv3").set("value", "test");
|
|
t.is({password: "test", oldPassword: "oldpw3"}, form3.get("value"),
|
|
'{password: "test", oldPassword: "oldpw3"}');
|
|
},
|
|
function test_getValuesInTable(t){
|
|
dijit.byId("nv4").set("value", "test");
|
|
dijit.byId("vv4").set("value", "test");
|
|
dijit.byId("ov4").set("value", "oldpw4");
|
|
t.is({password: "test"}, form4.get("value"), '{password: "test"}');
|
|
dijit.byId("nv5").set("value", "test");
|
|
dijit.byId("vv5").set("value", "test");
|
|
dijit.byId("ov5").set("value", "oldpw5");
|
|
t.is({password: "test", oldPassword: "oldpw5"}, form5.get("value"),
|
|
'{password: "test", oldPassword: "oldpw5"}');
|
|
}
|
|
]
|
|
);
|
|
doh.run();
|
|
});
|
|
</script>
|
|
<link rel="stylesheet" type="text/css" href="../../../dijit/themes/tundra/tundra.css">
|
|
<link rel="stylesheet" type="text/css" href="../../../dijit/tests/css/dijitTests.css">
|
|
</head>
|
|
<body class="tundra">
|
|
<h1 class="testTitle">Test: dojox.form.PasswordValidator</h1>
|
|
<h2>Automated test</h2>
|
|
<h4 class="testSubtitle">No old password</h4>
|
|
<form dojoType="dijit.form.Form" jsId="form1" action="" method="GET">
|
|
<div dojoType="dojox.form.PasswordValidator" jsId="valid1" name="password">
|
|
<label>Password: <input type="password" id="nv1" pwType="new" /></label><br>
|
|
<label>Validate: <input type="password" id="vv1" pwType="verify" /></label><br>
|
|
</div>
|
|
</form>
|
|
<hr>
|
|
<h4 class="testSubtitle">Old password (hard-coded to "oldpw2") - not passed to getValues</h4>
|
|
<form dojoType="dijit.form.Form" jsId="form2" action="" method="GET">
|
|
<div dojoType="dojox.form.PasswordValidator" jsId="valid2" name="password">
|
|
<script type="dojo/method" event="pwCheck" args="password">
|
|
/*
|
|
NOTE: Do NOT EVER EVER EVER do this sort of a check!!!
|
|
|
|
This is only as an example. You will probably want to
|
|
override the pwCheck function to callback to a server to
|
|
verify the password (the callback will need to be
|
|
syncronous) - and it's probably a good idea to validate
|
|
it again on form submission before actually doing
|
|
anything destructive - that's why the "oldName" value
|
|
is there.
|
|
|
|
And don't just fetch the password from the server
|
|
either :) Send the test password (probably hashed, for
|
|
security) and return from the server a status instead.
|
|
|
|
Again - DON'T DO THIS - it is HORRIBLY INSECURE!!!!
|
|
|
|
Security is left as an exercise to the reader :)
|
|
*/
|
|
return password === "oldpw2";
|
|
</script>
|
|
<label>Old Password: <input type="password" id="ov2" pwType="old" /></label><br>
|
|
<label>Password: <input type="password" id="nv2" pwType="new" /></label><br>
|
|
<label>Validate: <input type="password" id="vv2" pwType="verify" /></label><br>
|
|
</div>
|
|
</form>
|
|
<hr>
|
|
<h4 class="testSubtitle">Old password (hard-coded to "oldpw3") - passed to getValues</h4>
|
|
<form dojoType="dijit.form.Form" jsId="form3" action="" method="GET">
|
|
<div dojoType="dojox.form.PasswordValidator" jsId="valid3" name="password" oldName="oldPassword">
|
|
<script type="dojo/method" event="pwCheck" args="password">
|
|
console.log("Checking " + password);
|
|
return password === "oldpw3";
|
|
</script>
|
|
<label>Old Password: <input type="password" id="ov3" pwType="old" /></label><br>
|
|
<label>Password: <input type="password" id="nv3" pwType="new" /></label><br>
|
|
<label>Validate: <input type="password" id="vv3" pwType="verify" /></label><br>
|
|
</div>
|
|
</form>
|
|
<hr>
|
|
<h4 class="testSubtitle">In Table, Old password (hard-coded to "oldpw4") - not passed to getValues</h4>
|
|
<form dojoType="dijit.form.Form" jsId="form4">
|
|
<div dojoType="dojox.form.PasswordValidator" jsId="valid4" name="password">
|
|
<script type="dojo/method" event="pwCheck" args="password">
|
|
return password === "oldpw4";
|
|
</script>
|
|
<table>
|
|
<tr>
|
|
<td><label for="ov4">Old Password:</label></td>
|
|
<td><input type="password" id="ov4" pwType="old" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><label for="nv4">Password:</label></td>
|
|
<td><input type="password" id="nv4" pwType="new" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><label for="vv4">Validate:</label></td>
|
|
<td><input type="password" id="vv4" pwType="verify" /></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</form>
|
|
<hr>
|
|
<h4 class="testSubtitle">In Table, Old password (hard-coded to "oldpw5") - passed to getValues</h4>
|
|
<form dojoType="dijit.form.Form" jsId="form5">
|
|
<div dojoType="dojox.form.PasswordValidator" jsId="valid5" name="password" oldName="oldPassword">
|
|
<script type="dojo/method" event="pwCheck" args="password">
|
|
return password === "oldpw5";
|
|
</script>
|
|
<table>
|
|
<tr>
|
|
<td><label for="ov5">Old Password:</label></td>
|
|
<td><input type="password" id="ov5" pwType="old" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><label for="nv5">Password:</label></td>
|
|
<td><input type="password" id="nv5" pwType="new" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><label for="vv5">Validate:</label></td>
|
|
<td><input type="password" id="vv5" pwType="verify" /></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</form>
|
|
<hr>
|
|
<h4 class="testSubtitle">No old password, not required</h4>
|
|
<form dojoType="dijit.form.Form" jsId="form6">
|
|
<div dojoType="dojox.form.PasswordValidator" required="false" jsId="valid6" name="password">
|
|
<label>Password: <input type="password" id="nv6" pwType="new" /></label><br>
|
|
<label>Validate: <input type="password" id="vv6" pwType="verify" /></label><br>
|
|
</div>
|
|
</form>
|
|
<hr>
|
|
<button dojoType="dijit.form.Button">
|
|
<script type="dojo/method" event="onClick">
|
|
dojo.forEach([form1, form2, form3, form4, form5, form6], function(i){
|
|
console.dir(i.get("value"));
|
|
});
|
|
</script>
|
|
Get Values
|
|
</button>
|
|
<button dojoType="dijit.form.Button">
|
|
<script type="dojo/method" event="onClick">
|
|
valid5.set("disabled", !valid5.disabled);
|
|
</script>
|
|
Toggle Disabled
|
|
</button>
|
|
<button dojoType="dijit.form.Button">
|
|
<script type="dojo/method" event="onClick">
|
|
form1.submit();
|
|
</script>
|
|
Submit Form 1
|
|
</button>
|
|
<button dojoType="dijit.form.Button">
|
|
<script type="dojo/method" event="onClick">
|
|
form2.submit();
|
|
</script>
|
|
Submit Form 2
|
|
</button>
|
|
<button dojoType="dijit.form.Button">
|
|
<script type="dojo/method" event="onClick">
|
|
form3.submit();
|
|
</script>
|
|
Submit Form 3
|
|
</button>
|
|
|
|
</body>
|
|
</html>
|