mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-09-21 19:59:42 +00:00
adfb69a68c
* Use the testcase widget for the $reveal widget examples * Convert $reveal testcase widget examples into testcase tiddlers * Add expected results to $reveal test case tiddlers These examples are intended to be interactive and the expect results only test the initial rendering. Still that seems like useful verification
27 lines
761 B
Plaintext
27 lines
761 B
Plaintext
created: 20240721163229297
|
|
description: Reveal widget for popup content
|
|
modified: 20240721172211283
|
|
tags: $:/tags/wiki-test-spec
|
|
title: TestCases/RevealWidget/Popup
|
|
type: text/vnd.tiddlywiki-multiple
|
|
|
|
title: Narrative
|
|
|
|
When the button is clicked, the tiddler specified by the popup attribute is filled with the click coordinates. The reveal widget uses these coordinates to position the popup content.
|
|
+
|
|
title: Output
|
|
|
|
<$button popup="$:/SamplePopupState">Pop me up!</$button>
|
|
|
|
<$reveal type="popup" state="$:/SamplePopupState">
|
|
<div class="tc-drop-down">
|
|
|
|
! This is the popup
|
|
And this is some text
|
|
|
|
</div>
|
|
</$reveal>
|
|
+
|
|
title: ExpectedResult
|
|
|
|
<p><button aria-expanded="false" class="">Pop me up!</button></p><p><span class=" tc-reveal" hidden="true"></span></p> |