dijit
Version:
Dijit provides a complete collection of user interface controls based on Dojo, giving you the power to create web applications that are highly optimized for usability, performance, internationalization, accessibility, but above all deliver an incredible u
64 lines (51 loc) • 1.64 kB
HTML
<html>
<head>
<title>Fieldset Widget Automated (non-robot) Tests</title>
<script type="text/javascript" src="boilerplate.js"></script>
<script type="text/javascript">
require([
"doh/runner",
"dojo/dom", "dojo/on", "dojo/parser",
"dijit/Fieldset",
"dojo/domReady!"
], function(doh, dom, on, parser, Fieldset){
doh.register("declarative", function(){
var d = new doh.Deferred();
parser.parse();
doh.t(!!fs1, "widget created");
doh.t(fs1.open, "open");
doh.is("Declarative", fs1.titleNode.innerHTML);
var labelNodeId = fs1.containerNode.getAttribute("aria-labelledby");
doh.is("Declarative", document.getElementById(labelNodeId).innerHTML);
on.emit(fs1.titleNode, "click", {bubbles: true});
setTimeout(d.getTestCallback(function(){
doh.f(fs1.open, "closed");
doh.is("none", fs1.hideNode.style.display, "hidden");
}), 500);
return d;
});
doh.register("programmatic", function(){
var fsProg = (new Fieldset({
id: 'fsProg',
title: 'Programmatic',
content: '<p>I was created programmatically!</p>'
})).placeAt(document.body);
doh.t(!!fsProg, "widget created");
});
doh.run();
});
</script>
</head>
<body>
<h1 class="testTitle">Fieldset Automated (non-robot) tests</h1>
<fieldset id="fs1" data-dojo-id="fs1" data-dojo-type="dijit/Fieldset">
<legend>Declarative</legend>
<p>Some content</p>
</fieldset>
<fieldset id="fs2" data-dojo-id="fs2" data-dojo-type="dijit/Fieldset" data-dojo-props="toggleable: false">
<legend>Not Toggleable</legend>
<p>Some content</p>
</fieldset>
</body>
</html>