webgui/www/extras/yui/tests/tabview.html
JT Smith 20f8df1291 upgrading to YUI 2.6
data tables are going to need some work yet, but the other stuff seems to be working 100%
2008-10-22 23:53:29 +00:00

109 lines
4.1 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>TabView Test Suite</title>
<link type="text/css" rel="stylesheet" href="../build/logger/assets/logger.css">
<link type="text/css" rel="stylesheet" href="../build/yuitest/assets/testlogger.css">
<link type="text/css" rel="stylesheet" href="../build/tabview/assets/skins/sam/tabview.css">
<script type="text/javascript" src="../build/yahoo/yahoo.js"></script>
<script type="text/javascript" src="../build/event/event.js"></script>
<script type="text/javascript" src="../build/dom/dom.js"></script>
<script type="text/javascript" src="../build/element/element-beta.js"></script>
<script type="text/javascript" src="../build/tabview/tabview.js"></script>
<script type="text/javascript" src="../build/logger/logger-min.js"></script>
<script type="text/javascript" src="../build/yuitest/yuitest.js"></script>
<script type="text/javascript">
(function() {
var Y = YAHOO.util,
tool = YAHOO.tool,
suite = new tool.TestSuite("yuisuite");
Y.Event.onDOMReady(function() {
var logger = new YAHOO.tool.TestLogger(null, { height: '80%' });
var tabview = new YAHOO.widget.TabView('demo');
suite.add( new tool.TestCase({
name: 'YAHOO.widget.TabView',
test_getActiveIndex: function() {
YAHOO.util.Assert.areEqual(0, tabview.get('activeIndex'), 'incorrect activeIndex');
},
test_setActiveIndex: function() {
tabview.set('activeIndex', 1);
YAHOO.util.Assert.areEqual(1, tabview.get('activeIndex'), 'incorrect activeIndex');
YAHOO.util.Assert.areEqual(tabview.get('tabs')[1], tabview.get('activeTab'), 'incorrect activeTab');
},
test_setActiveTab: function() {
tabview.set('activeTab', tabview.get('tabs')[2]);
YAHOO.util.Assert.areEqual(2, tabview.get('activeIndex'), 'incorrect activeTab');
YAHOO.util.Assert.areEqual(tabview.get('tabs')[2], tabview.get('activeTab'), 'incorrect activeTab');
},
test_addTab: function() {
var tab = new YAHOO.widget.Tab({ label: 'new tab', content: 'new tab content' });
tabview.addTab(tab);
var tabs = tabview.get('tabs');
YAHOO.util.Assert.areEqual(tab, tabview.getTab(tabs.length - 1), 'incorrect Tab');
YAHOO.util.Assert.areEqual(tabs.length - 1, tabview.getTabIndex(tab), 'incorrect Tab');
},
test_removeTab: function() {
var tab = tabview.getTab(0);
tabview.removeTab(tab);
YAHOO.util.Assert.areEqual(null, tabview.getTabIndex(tab), 'incorrect Tab');
},
test_activeTabChange: function() {
var pass = false;
tabview.on('activeTabChange', function() { pass = true; });
tabview.set('activeTab', tabview.getTab(0));
YAHOO.util.Assert.isTrue(pass, 'activeTabChange not fired');
pass = false;
tabview.set('activeIndex', 2);
YAHOO.util.Assert.isTrue(pass, 'activeTabChange not fired');
}
}));
tool.TestRunner.add(suite);
if (parent && parent != window) {
tool.TestManager.load();
} else {
tool.TestRunner.run();
}
});
})();
</script>
<style type="text/css">
</style>
</head>
<body class="yui-skin-sam">
<div id="doc">
<div id="demo" class="yui-navset">
<ul class="yui-nav">
<li class="selected"><a href="#foo"><em>foo</em></a></li>
<li><a href="#bar"><em>bar</em></a></li>
<li><a href="#baz"><em>baz</em></a></li>
</ul>
<div class="yui-content">
<div id="foo">foo content</div>
<div id="bar">bar content</div>
<div id="baz">baz content</div>
</div>
</div>
</div>
</body>
</html>