Prepare tabs macro tests for future readability improvements (#6504)

* prepare tabs macro test for future improvements

* update tests for tabs-macro to check all possible parameters
This commit is contained in:
Mario Pietsch
2022-03-11 17:33:58 +01:00
committed by GitHub
parent aaf1aa3821
commit 84ad758829
4 changed files with 205 additions and 0 deletions

View File

@@ -0,0 +1,33 @@
title: expected-html-tabs-horizontal-all
type: text/html
description: Horizontal tabs with all parameters active. This is the expected HTML output from a test in test-wikitext-tabs-macro.js
<p>
<div class="tc-tab-set ">
<div class="tc-tab-buttons ">
<button class="">
t 1
</button><button class=" tc-tab-selected">
t 2
</button><button class="">
desc
</button><button class="">
TabFour
</button>
</div>
<div class="tc-tab-divider "></div>
<div class="tc-tab-content ">
<div class=" tc-reveal" hidden="true"></div><div class=" tc-reveal"><h2 class=""><a class="tc-tiddlylink tc-tiddlylink-resolves" href="#TabTwo">TabTwo</a></h2><p><p>Text tab 2</p></p></div><div class=" tc-reveal" hidden="true"></div><div class=" tc-reveal" hidden="true"></div>
</div>
</div>
</p>

View File

@@ -0,0 +1,43 @@
title: expected-html-tabs-horizontal
type: text/html
description: Horizontal tabs test - This is the expected HTML output from a test in test-wikitext-tabs-macro.js
<p>
<div class="tc-tab-set ">
<div class="tc-tab-buttons ">
<button class="">
t 1
</button><button class=" tc-tab-selected">
t 2
</button><button class="">
t 3
</button><button class="">
TabFour
</button>
</div>
<div class="tc-tab-divider "></div>
<div class="tc-tab-content ">
<div class=" tc-reveal" hidden="true"></div><div class=" tc-reveal"><p>Text tab 2</p></div><div class=" tc-reveal" hidden="true"></div><div class=" tc-reveal" hidden="true"></div>
</div>
</div>
</p>

View File

@@ -0,0 +1,43 @@
title: expected-html-tabs-vertical
type: text/html
description: Vertical tabs test -- This is the expected HTML output from the test in test-wikitext-tabs-macro.js
<p>
<div class="tc-tab-set tc-vertical">
<div class="tc-tab-buttons tc-vertical">
<button class="">
t 1
</button><button class=" tc-tab-selected">
t 2
</button><button class="">
t 3
</button><button class="">
TabFour
</button>
</div>
<div class="tc-tab-divider tc-vertical"></div>
<div class="tc-tab-content tc-vertical">
<div class=" tc-reveal" hidden="true"></div><div class=" tc-reveal"><p>Text tab 2</p></div><div class=" tc-reveal" hidden="true"></div><div class=" tc-reveal" hidden="true"></div>
</div>
</div>
</p>