toggle_tab_test.html from cruisecontrol at Krugle

Show toggle_tab_test.html syntax highlighted

<!--
/********************************************************************************
 * CruiseControl, a Continuous Integration Toolkit
 * Copyright (c) 2007, ThoughtWorks, Inc.
 * 200 E. Randolph, 25th Floor
 * Chicago, IL 60601 USA
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions
 * are met:
 *
 *     + Redistributions of source code must retain the above copyright
 *       notice, this list of conditions and the following disclaimer.
 *
 *     + Redistributions in binary form must reproduce the above
 *       copyright notice, this list of conditions and the following
 *       disclaimer in the documentation and/or other materials provided
 *       with the distribution.
 *
 *     + Neither the name of ThoughtWorks, Inc., CruiseControl, nor the
 *       names of its contributors may be used to endorse or promote
 *       products derived from this software without specific prior
 *       written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE REGENTS OR
 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
 * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
 * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
 * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 ********************************************************************************/
 --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CCE Dashboard Tests</title>
<link rel="stylesheet" type="text/css" href="../css/jsUnitStyle.css">
<link rel="stylesheet" type="text/css" href="../css/jsUnitStyle.css">
<script language="JavaScript" type="text/javascript" src="../app/jsUnitCore.js"></script>
<script language="JavaScript" type="text/javascript" src="../app/jsUnitVersionCheck.js"></script>
<script language="JavaScript" type="text/javascript" src="../compressed/all.js"></script>

<script language="JavaScript" type="text/javascript">
var replaced_function = this.switch_layout_in_tab_view;
function tearDown() {
	this.switch_layout_in_tab_view = replaced_function;	
}

function test_click_tab_should_open_tabContent_and_set_current_tab_class(){
	toggle_tab(1);
	assertEquals('', $('tabContent1').style.display);
	assertEquals('none', $('tabContent2').style.display);
	assertTrue($('dashboard').hasClassName('currenttab'))

	toggle_tab(2);
	assertEquals('', $('tabContent2').style.display);
	assertEquals('none', $('tabContent1').style.display);
	assertFalse($('dashboard').hasClassName('currenttab'))
	assertTrue($('builds').hasClassName('currenttab'))
}

function test_assign_different_layout_by_tab() {	
	switch_layout_in_tab_view(2);
	assertFalse(Element.hasClassName($('project_summary_panel'),'yui-u'));
	assertTrue(Element.hasClassName($('project_summary_panel'),'yui-g'));
	
	switch_layout_in_tab_view(1);
	assertFalse(Element.hasClassName($('project_summary_panel'),'yui-g'));
	assertTrue(Element.hasClassName($('project_summary_panel'),'yui-u'));
}

function test_toggle_tab_should_invoked_switch_layout_function() {
	var is_called=false;
	this.switch_layout_in_tab_view = function() {
		is_called=true;
	}
	toggle_tab(1);
	assertTrue(is_called);
}
</script>
</head>
<body>
<div id="tabs">
    <ul>
        <li id="dashboard"></li>
        <li id="builds" class="currenttab"></li>
    </ul>
</div>
<div id="tabscontent">
	<div id="tabContent1" class="tabContent" style="display:block"></div>
	<div id="project_summary_panel" class="project_summary_panel yui-u"></div>
	<div id="tabContent2" class="tabContent" style="display:none"></div>
</div>
</body>
</html>
See more files for this project here