jquery-ui/tests/unit/tabs/tabs.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Tabs Test Suite</title>

	<script src="../../../external/requirejs/require.js"></script>
	<script src="../../lib/css.js" data-modules="core tabs"></script>
	<script src="../../lib/bootstrap.js" data-widget="tabs"></script>
	<style>
	#tabs8, #tabs8 * {
		margin: 0;
		padding: 0;
		font-size: 12px;
		line-height: 15px;
	}
	</style>
</head>
<body>

<div id="qunit"></div>
<div id="qunit-fixture">

<div id="tabs1">
	<ul>
		<li><a href="#fragment-1"><span>1</span></a></li>
		<li><a href="#fragment-2"><span>2</span></a></li>
		<li><a href="#fragment-3"><span>3</span></a></li>
	</ul>
	<div id="fragment-1"></div>
	<div id="fragment-2"></div>
	<div id="fragment-3"></div>
</div>

<div id="tabs2">
	<ul>
		<li><a href="#colon:test"><span>1</span></a></li>
		<li><a href="#inline-style"><span>2</span></a></li>
		<li><a href="data/test.html#test"><span>3</span></a></li>
		<li aria-controls="custom-id"><a href="data/test.html"><span>4</span></a></li>
		<li><a href="data/test.html" title="∫ßáö Սե"><span>5</span></a></li>
	</ul>
	<div id="colon:test"></div>
	<div style="height: 300px;" id="inline-style"></div>
	<div id="custom-id"></div>
</div>

<div id="tabs3">
	<div>
		<ul id="tabs3-list">
			<li><a href="#tabs3-1">1</a></li>
		</ul>
	</div>
</div>

<div id="tabs4">
	<ul id="tabs4-list">
		<li><a href="#tabs4-1">1</a></li>
	</ul>
	<ol>
		<li><a href="#tabs4-1">1</a></li>
	</ol>
</div>

<div id="tabs4a">
	<ol id="tabs4a-list">
		<li><a href="#tabs4a-1">1</a></li>
	</ol>
	<ul>
		<li><a href="#tabs4a-1">1</a></li>
	</ul>
</div>

<div id="tabs5">
	<div>
		<ul id="tabs5-list"></ul>
	</div>
</div>

<div id="tabs6">
	<ul id="tabs6-list">
		<li><a href="#tabs6-1">1</a>
			<ul>
				<li><a href="#item6-3">3</a></li>
				<li><a href="#item6-4">4</a></li>
			</ul>
		</li>
		<li><a href="#tabs6-2">2</a></li>
	</ul>
	<div id="tabs6-1"></div>
	<div id="tabs6-2"></div>
</div>

<div id="tabs7">
	<ul id="tabs7-list">
		<li><a href="#tabs7-1">1</a></li>
		<li><a href="#tabs7-2">2</a></li>
	</ul>
	<div id="tabs7-2"></div>
	<div id="tabs7-1"></div>
</div>

<div id="tabs8Wrapper">
	<div id="tabs8">
		<ul id="tabs8-list">
			<li><a href="#tabs8-1">1</a></li>
			<li><a href="#tabs8-2">2</a></li>
		</ul>
		<div id="tabs8-1">
			<p>Lorem ipsum</p>
			<p>Lorem ipsum</p>
			<p>Lorem ipsum</p>
		</div>
		<div id="tabs8-2">
			<p>Lorem ipsum</p>
		</div>
	</div>
</div>

<div id="tabs9">
	<ul>
		<li>not a tab</li>
		<li><a href="#tabs9-1">tab</a></li>
	</ul>
	<div id="tabs9-1"></div>
</div>

</div>
</body>
</html>
Tabs: Test cleanup. 2011-04-04 14:11:19 +00:00			`<!doctype html>`
UI Tabs: started with writing tests 2008-09-28 11:47:07 +00:00			`<html lang="en">`
			`<head>`
Tabs: Test cleanup. 2011-04-04 14:11:19 +00:00			`<meta charset="utf-8">`
UI Tabs: started with writing tests 2008-09-28 11:47:07 +00:00			`<title>jQuery UI Tabs Test Suite</title>`

Tests: Fix AMD loading in IE8 It appears that we must load require.js via a standard script tag in order for it to work properly in IE8. 2015-04-17 16:13:38 +00:00			`<script src="../../../external/requirejs/require.js"></script>`
Tabs: Convert tests to new infrastructure Ref #10119 Ref gh-1528 2015-04-06 19:01:13 +00:00			`<script src="../../lib/css.js" data-modules="core tabs"></script>`
			`<script src="../../lib/bootstrap.js" data-widget="tabs"></script>`
Tabs: Added heightStyle option. Fixed #8345 - Tabs: Add heightStyle option. 2012-05-28 19:11:20 +00:00			`<style>`
			`#tabs8, #tabs8 * {`
			`margin: 0;`
			`padding: 0;`
			`font-size: 12px;`
			`line-height: 15px;`
			`}`
			`</style>`
UI Tabs: started with writing tests 2008-09-28 11:47:07 +00:00			`</head>`
			`<body>`
Externals: updated QUnit to http://github.com/jquery/qunit commit 67ba5a338d836014c24345dc218ab3c9bb63b06e The various updates to the unit test suites introduced 0 regressions due to update of QUnit, however the addition of jquery.ui.dialog.css to the dialog test suite did introduce one regression, to the dialog option height tests. Also removed some old crufty woefully incomplete unused and rotted test harnesses. 2010-02-25 11:09:39 +00:00
Tests: Update to sane QUnit markup 2014-02-20 16:02:23 +00:00			`<div id="qunit"></div>`
Use #qunit-fixture instead of deprecated #main. Fixes #7031 - Tests use 2011-02-23 11:46:13 +00:00			`<div id="qunit-fixture">`
Externals: updated QUnit to http://github.com/jquery/qunit commit 67ba5a338d836014c24345dc218ab3c9bb63b06e The various updates to the unit test suites introduced 0 regressions due to update of QUnit, however the addition of jquery.ui.dialog.css to the dialog test suite did introduce one regression, to the dialog option height tests. Also removed some old crufty woefully incomplete unused and rotted test harnesses. 2010-02-25 11:09:39 +00:00
Tabs: Test cleanup. 2011-04-04 14:11:19 +00:00			`<div id="tabs1">`
			`<ul>`
			`<li><a href="#fragment-1"><span>1</span></a></li>`
			`<li><a href="#fragment-2"><span>2</span></a></li>`
			`<li><a href="#fragment-3"><span>3</span></a></li>`
			`</ul>`
			`<div id="fragment-1"></div>`
			`<div id="fragment-2"></div>`
			`<div id="fragment-3"></div>`
			`</div>`

			`<div id="tabs2">`
			`<ul>`
			`<li><a href="#colon:test"><span>1</span></a></li>`
			`<li><a href="#inline-style"><span>2</span></a></li>`
			`<li><a href="data/test.html#test"><span>3</span></a></li>`
Tabs: Pass the list item instead of the anchor in events; move aria-controls from the anchor to the list item. 2012-05-18 20:11:14 +00:00			`<li aria-controls="custom-id"><a href="data/test.html"><span>4</span></a></li>`
Tabs: Added tests for aria-controls attribute being assigned on init. 2011-04-07 17:53:20 +00:00			`<li><a href="data/test.html" title="∫ßáö Սե"><span>5</span></a></li>`
Tabs: Test cleanup. 2011-04-04 14:11:19 +00:00			`</ul>`
			`<div id="colon:test"></div>`
			`<div style="height: 300px;" id="inline-style"></div>`
Fix various issues in our html files, fifth batch 2012-04-26 13:47:05 +00:00			`<div id="custom-id"></div>`
Tabs: Test cleanup. 2011-04-04 14:11:19 +00:00			`</div>`

			`<div id="tabs3">`
			`<div>`
			`<ul id="tabs3-list">`
			`<li><a href="#tabs3-1">1</a></li>`
			`</ul>`
			`</div>`
			`</div>`

			`<div id="tabs4">`
			`<ul id="tabs4-list">`
			`<li><a href="#tabs4-1">1</a></li>`
			`</ul>`
			`<ol>`
			`<li><a href="#tabs4-1">1</a></li>`
			`</ol>`
			`</div>`

			`<div id="tabs4a">`
			`<ol id="tabs4a-list">`
			`<li><a href="#tabs4a-1">1</a></li>`
			`</ol>`
			`<ul>`
			`<li><a href="#tabs4a-1">1</a></li>`
			`</ul>`
			`</div>`

			`<div id="tabs5">`
			`<div>`
			`<ul id="tabs5-list"></ul>`
			`</div>`
			`</div>`

			`<div id="tabs6">`
			`<ul id="tabs6-list">`
			`<li><a href="#tabs6-1">1</a>`
Tabs: fixed to work with empty nav list again. Fixes #4997 - No longer possible to start with empty tab then add() elements dynamically. 2009-12-25 18:25:46 +00:00			`<ul>`
Tabs: Test cleanup. 2011-04-04 14:11:19 +00:00			`<li><a href="#item6-3">3</a></li>`
			`<li><a href="#item6-4">4</a></li>`
Tabs: fixed to work with empty nav list again. Fixes #4997 - No longer possible to start with empty tab then add() elements dynamically. 2009-12-25 18:25:46 +00:00			`</ul>`
Tabs: Test cleanup. 2011-04-04 14:11:19 +00:00			`</li>`
			`<li><a href="#tabs6-2">2</a></li>`
			`</ul>`
			`<div id="tabs6-1"></div>`
			`<div id="tabs6-2"></div>`
			`</div>`

			`<div id="tabs7">`
			`<ul id="tabs7-list">`
			`<li><a href="#tabs7-1">1</a></li>`
			`<li><a href="#tabs7-2">2</a></li>`
			`</ul>`
			`<div id="tabs7-2"></div>`
			`<div id="tabs7-1"></div>`
			`</div>`

Tabs: Added heightStyle option. Fixed #8345 - Tabs: Add heightStyle option. 2012-05-28 19:11:20 +00:00			`<div id="tabs8Wrapper">`
			`<div id="tabs8">`
			`<ul id="tabs8-list">`
			`<li><a href="#tabs8-1">1</a></li>`
			`<li><a href="#tabs8-2">2</a></li>`
			`</ul>`
			`<div id="tabs8-1">`
			`<p>Lorem ipsum</p>`
			`<p>Lorem ipsum</p>`
			`<p>Lorem ipsum</p>`
			`</div>`
			`<div id="tabs8-2">`
			`<p>Lorem ipsum</p>`
			`</div>`
			`</div>`
			`</div>`

Tabs: Account for non-tab list items on init. Fixes #8568 - jQuery ui tabs: wrong default active li if ul contains extraneous elements. 2012-09-12 13:28:51 +00:00			`<div id="tabs9">`
			`<ul>`
			`<li>not a tab</li>`
			`<li><a href="#tabs9-1">tab</a></li>`
			`</ul>`
			`<div id="tabs9-1"></div>`
			`</div>`

Tabs: Test cleanup. 2011-04-04 14:11:19 +00:00			`</div>`
UI Tabs: started with writing tests 2008-09-28 11:47:07 +00:00			`</body>`
			`</html>`