mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-09-18 10:19:44 +00:00
18152aa7c8
* Include the ExpectedResults in the displayed tabs * Lighted testcase background * Add testcase toolbar with export and import options * Further styling tweaks
92 lines
3.0 KiB
Plaintext
92 lines
3.0 KiB
Plaintext
title: $:/core/ui/testcases/DefaultTemplate
|
|
|
|
\whitespace trim
|
|
\procedure linkcatcherActions()
|
|
<%if [<navigateTo>has[title]] %>
|
|
<$qualify title=<<state>> name="qualifiedState">
|
|
<$action-setfield $tiddler=<<qualifiedState>> text=<<navigateTo>>/>
|
|
</$qualify>
|
|
<%endif%>
|
|
\end
|
|
|
|
<$let
|
|
state={{{ [<qualify "$:/state/testcase">] }}}
|
|
>
|
|
<div class="tc-test-case-wrapper">
|
|
<div class="tc-test-case-header">
|
|
<h2>
|
|
<$genesis $type={{{ [<linkTarget>!match[]then[$link]else[div]] }}} to=<<testcaseTiddler>>>
|
|
<%if [<testResult>!match[]] %>
|
|
<span class={{{ tc-test-case-result-icon [<testResult>!match[fail]then[tc-test-case-result-icon-pass]] [<testResult>match[fail]then[tc-test-case-result-icon-fail]] +[join[ ]] }}}>
|
|
<%if [<testResult>!match[fail]] %>
|
|
{{$:/core/images/done-button}}
|
|
<%else%>
|
|
{{$:/core/images/close-button}}
|
|
<%endif%>
|
|
</span>
|
|
<%endif%>
|
|
<$view tiddler="Description" mode="inline"/>
|
|
</$genesis>
|
|
<span class="tc-test-case-toolbar">
|
|
<$button popup=`$(state)$-more`
|
|
tooltip={{$:/language/Buttons/More/Hint}}
|
|
aria-label={{$:/language/Buttons/More/Caption}}
|
|
class="tc-btn-invisible"
|
|
selectedClass="tc-selected"
|
|
>
|
|
{{$:/core/images/down-arrow}}
|
|
</$button>
|
|
<$let
|
|
tv-config-toolbar-icons="yes"
|
|
tv-config-toolbar-text="yes"
|
|
tv-config-toolbar-class="tc-btn-invisible"
|
|
>
|
|
<$reveal state=`$(state)$-more` type="popup" position="belowleft" animate="yes">
|
|
<div class="tc-drop-down">
|
|
<$list filter="[all[shadows+tiddlers]tag[$:/tags/TestCase/Actions]!has[draft.of]]"
|
|
variable="listItem"
|
|
>
|
|
<$transclude tiddler=<<listItem>> mode="inline"/>
|
|
</$list>
|
|
</div>
|
|
</$reveal>
|
|
</$let>
|
|
</span>
|
|
</h2>
|
|
</div>
|
|
<%if [[Narrative]is[tiddler]] %>
|
|
<div class="tc-test-case-narrative">
|
|
<$transclude $tiddler="Narrative" mode="block"/>
|
|
</div>
|
|
<%endif%>
|
|
<%if [<testResult>match[fail]] %>
|
|
<div class="tc-test-case-result-fail">
|
|
<div class="tc-test-case-result-fail-header">
|
|
TEST FAILED
|
|
</div>
|
|
<div class="tc-test-case-result-fail-body">
|
|
<$diff-text source=<<expectedHTML>> dest=<<outputHTML>>/>
|
|
</div>
|
|
</div>
|
|
<%endif%>
|
|
<div class="tc-test-case-panes">
|
|
<div class="tc-test-case-source">
|
|
<$macrocall $name="tabs" tabsList="[all[tiddlers]sort[]] -[prefix<state>] -Description -Narrative -Output Output +[putfirst[]] -[has[plugin-type]]" state=<<state>> default="Output" template="$:/core/ui/testcases/DefaultTemplate/SourceTabs"/>
|
|
</div>
|
|
<div class="tc-test-case-divider">
|
|
</div>
|
|
<div class="tc-test-case-output">
|
|
<%if [<displayFormat>!match[]else[wikitext]match[plaintext]] %>
|
|
<pre><$view tiddler="Output" format="plainwikified" mode="block"/></pre>
|
|
<%else%>
|
|
<$linkcatcher actions=<<linkcatcherActions>>>
|
|
<$tiddler tiddler="Output">
|
|
<$transclude $tiddler="Output" $mode="block"/>
|
|
</$tiddler>
|
|
</$linkcatcher>
|
|
<%endif%>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</$let>
|