|
Tags: Mobile edit Mobile web edit |
| (54 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <noinclude>[[Category:Templates]]</noinclude>
| | == Definitions visual test == |
| <!-- Compact Infobox with Centered Text & Dual-Contrast Line Breaks -->
| | |
| <div style="display:inline-block; max-width:90%; margin:0 0 1em 1em; float:{{{float|right}}}; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); font-size:95%; overflow:hidden;">
| | This page tests {{def}} output and Universal Popups behavior. |
| <div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:4px 6px; font-size:110%; border-top-left-radius:10px; border-top-right-radius:10px;">
| | |
| '''{{{BoxName}}}'''
| | === Inline prose (icons on) === |
| </div>
| | Core stats show up constantly: {{def|Stat|Str}}, {{def|Stat|Agi}}, {{def|Stat|Dex}}, {{def|Stat|Int}}, {{def|Stat|Vit}}, and {{def|Stat|Luk}}. Combat stats like {{def|Stat|Atk}} and {{def|Stat|Matk}} pair with accuracy {{def|Stat|Hit}} and avoidance {{def|Stat|Flee}}. Defensive lines usually mention {{def|Stat|Def}}, {{def|Stat|Mdef}}, {{def|Stat|Hp}}, and {{def|Stat|Mp}}. |
| <div style="padding:0;">
| | |
| {{#if: {{{A1|}}} | | | Casting types like {{def|Cast|Target}}, {{def|Cast|Ground}}, and {{def|Cast|Toggle}} control delivery, while damage can be {{def|Damage|Melee}} or {{def|Damage|Magic}}. Elements often rotate between {{def|Element|Fire}}, {{def|Element|Water}}, {{def|Element|Wind}}, {{def|Element|Earth}}, and {{def|Element|Shadow}}. |
| <div style="display:flex; align-items:center; flex-wrap:nowrap;">
| | |
| <div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #f5f5f5;">{{{A1}}}</div>
| | === Inline prose (noicon=1 sanity) === |
| <div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; word-break:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{B1}}}</div>
| | These should behave the same as above, but without icons: |
| </div>
| | {{def|Stat|Str|noicon=1}}, {{def|Stat|Agi|noicon=1}}, {{def|Stat|Dex|noicon=1}}, {{def|Stat|Int|noicon=1}}, {{def|Stat|Vit|noicon=1}}, {{def|Stat|Luk|noicon=1}}. |
| }} | | |
| {{#if: {{{A2|}}} | | | === Missing record sanity === |
| <div style="display:flex; align-items:center; flex-wrap:nowrap;">
| | This should render a visible “?” missing marker and NO popup data: |
| <div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #f5f5f5;">{{{A2}}}</div>
| | {{def|Stat|DefinitelyNotARealKey}} |
| <div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; word-break:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{B2}}}</div>
| | |
| </div>
| | === Linked header smoke test (manual) === |
| }}
| | This one does not depend on Definitions.json; it verifies the “header title is a link” behavior directly: |
| {{#if: {{{A3|}}} |
| | <span class="sv-def" tabindex="0" data-sv-def-tip="Linked definition: header title should be a real link.\nHover/click behavior should still match Universal Popups." data-sv-def-link="Casting">Casting (manual link)</span> |
| <div style="display:flex; align-items:center; flex-wrap:nowrap;"> | | |
| <div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #f5f5f5;">{{{A3}}}</div>
| | === List density test === |
| <div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; word-break:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{B3}}}</div>
| | * Core stats: {{def|Stat|Str}}, {{def|Stat|Vit}}, {{def|Stat|Agi}}, {{def|Stat|Dex}}, {{def|Stat|Int}}, {{def|Stat|Luk}} |
| </div>
| | * Combat: {{def|Stat|Atk}}, {{def|Stat|Matk}}, {{def|Stat|Hit}}, {{def|Stat|Flee}} |
| }} | | * Defense: {{def|Stat|Def}}, {{def|Stat|Mdef}}, {{def|Stat|Hp}}, {{def|Stat|Mp}} |
| {{#if: {{{A4|}}} | | | * Types: {{def|Cast|Target}}, {{def|Cast|Ground}}, {{def|Cast|Toggle}}, {{def|Damage|Melee}}, {{def|Damage|Magic}} |
| <div style="display:flex; align-items:center; flex-wrap:nowrap;">
| | * Elements: {{def|Element|Neutral}}, {{def|Element|Fire}}, {{def|Element|Water}}, {{def|Element|Wind}}, {{def|Element|Earth}}, {{def|Element|Shadow}} |
| <div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #f5f5f5;">{{{A4}}}</div>
| | |
| <div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; word-break:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{B4}}}</div>
| | === Table density test === |
| </div>
| | {| class="wikitable" |
| }} | | ! Scenario !! Cast !! Damage !! Element !! Notable stats |
| {{#if: {{{A5|}}} | | | |- |
| <div style="display:flex; align-items:center; flex-wrap:nowrap;">
| | | Basic strike || {{def|Cast|Target}} || {{def|Damage|Melee}} || {{def|Element|Neutral}} || {{def|Stat|Atk}}, {{def|Stat|Hit}} |
| <div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #f5f5f5;">{{{A5}}}</div>
| | |- |
| <div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; word-break:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{B5}}}</div>
| | | Ground spell || {{def|Cast|Ground}} || {{def|Damage|Magic}} || {{def|Element|Fire}} || {{def|Stat|Matk}}, {{def|Stat|Int}} |
| </div>
| | |- |
| }} | | | Toggle buff || {{def|Cast|Toggle}} || {{def|Damage|Magic}} || {{def|Element|Holy}} || {{def|Stat|Mp}}, {{def|Stat|Vit}} |
| {{#if: {{{A6|}}} | | | |- |
| <div style="display:flex; align-items:center; flex-wrap:nowrap;">
| | | Defensive build || {{def|Cast|Target}} || {{def|Damage|Melee}} || {{def|Element|Shadow}} || {{def|Stat|Def}}, {{def|Stat|Mdef}}, {{def|Stat|Hp}} |
| <div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal; border-bottom:1px solid #f5f5f5;">{{{A6}}}</div>
| | |} |
| <div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; word-break:break-word; white-space:normal; border-bottom:1px solid #ccc;">{{{B6}}}</div>
| | |
| </div>
| | {{def|Damage|Healing}} |
| }} | | {{def|Damage|True}} |
| {{#if: {{{A7|}}} | | | {{def|Damage|Status}} |
| <div style="display:flex; align-items:center; flex-wrap:nowrap;">
| |
| <div style="flex:0 0 {{{Col1Width|35%}}}; background:#e6e3f0; font-weight:bold; padding:4px; word-break:break-word; white-space:normal;">{{{A7}}}</div>
| |
| <div style="flex:1; background:#ffffff; padding:4px; max-width:{{{Col2Width|200px}}}; word-break:break-word; white-space:normal;">{{{B7}}}</div>
| |
| </div>
| |
| }} | |
| </div>
| |
| </div>
| |