Tags : Mobile edit Mobile web edit
(117 intermediate revisions by the same user not shown) Line 1:
Line 1:
{| class="infobox" style="width:100%; font-size:100%; border:2px solid #372b54; background:#f7f7fa; border-radius:14px; box-shadow:0 3px 8px rgba(0,0,0,0.3); margin:10px 0;"
== Definitions visual test ==
|-
| style="padding:20px; background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; border-top-left-radius:14px; border-top-right-radius:14px; text-align:center; font-size:200%;" |
[[File:SpiritValeLogo.png|100px]]<br />
'''{{{Class}}}'''
|-
| style="padding:15px; line-height:1.6; font-size:100%;" |
<div style="display:flex; gap:20px; align-items:flex-start; margin-top:20px; font-size:100%;">
This page tests {{def}} output and Universal Popups behavior.
<div style="flex:2; line-height:1.6;">
=== Inline prose (icons on) ===
{{{ClassDescription}}}
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>
<div style="flex:1; align-self:flex-start;">
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 }}.
{| class="infobox" style="width:100%; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);"
|-
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
'''Class Information'''
|-
| style="padding:12px; text-align:left; line-height:1.7; font-size:100%;" |
{| class="infobox" style="width:100%; font-size:100%; border:1px solid #ccc; background:#ffffff; border-radius:10px; padding:6px;"
|-
| style="padding:6px; font-weight:bold;" | Role
| style="padding:6px;" | {{{Role}}}
|-
| style="padding:6px; font-weight:bold;" | Primary Stats
| style="padding:6px;" | {{{Stats}}}
|-
| style="padding:6px; font-weight:bold;" | Weapon Type(s)
| style="padding:6px;" | {{{Weapons}}}
|}
|}
</div>
</div>
{| style="width:100%; border:2px solid #5a4e7c; background:#eef0f6; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); padding:0; margin-top:20px;"
=== Inline prose (noicon=1 sanity) ===
|-
These should behave the same as above, but without icons:
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
{{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}}.
'''Skills'''
|-
| style="padding:12px; text-align:center; font-size:100%;" |
{| class="wikitable" style="width:100%; text-align:center; border:1px solid #ccc; border-collapse:collapse;"
=== Missing record sanity ===
|-
This should render a visible “?” missing marker and NO popup data :
! style="width:16%;" | {{{Skill1}}}
{{def |Stat |DefinitelyNotARealKey }}
! style="width:16%;" | {{{Skill2}}}
! style="width:16%;" | {{{Skill3}}}
! style="width:16%;" | {{{Skill4}}}
! style="width:16%;" | {{{Skill5}}}
! style="width:16%;" | {{{Skill6}}}
|-
| {{#if:{{{SkillImage1|}}}|[[File:{{{SkillImage1}}}|50px]]}}<br>{{{SkillDescription1}}}
| {{#if:{{{SkillImage2|}}}|[[File:{{{SkillImage2}}}|50px]]}}<br>{{{SkillDescription2}}}
| {{#if:{{{SkillImage3|}}}|[[File:{{{SkillImage3}}}|50px]]}}<br>{{{SkillDescription3}}}
| {{#if:{{{SkillImage4|}}}|[[File:{{{SkillImage4}}}|50px]]}}<br>{{{SkillDescription4}}}
| {{#if:{{{SkillImage5|}}}|[[File:{{{SkillImage5}}}|50px]]}}<br>{{{SkillDescription5}}}
| {{#if:{{{SkillImage6|}}}|[[File:{{{SkillImage6}}}|50px]]}}<br>{{{SkillDescription6}}}
|-
! style="width:16%;" | {{{Skill7}}}
! style="width:16%;" | {{{Skill8}}}
! style="width:16%;" | {{{Skill9}}}
! style="width:16%;" | {{{Skill10}}}
! style="width:16%;" | {{{Skill11}}}
! style="width:16%;" | {{{Skill12}}}
|-
| {{#if:{{{SkillImage7|}}}|[[File:{{{SkillImage7}}}|50px]]}}<br>{{{SkillDescription7}}}
| {{#if:{{{SkillImage8|}}}|[[File:{{{SkillImage8}}}|50px]]}}<br>{{{SkillDescription8}}}
| {{#if:{{{SkillImage9|}}}|[[File:{{{SkillImage9}}}|50px]]}}<br>{{{SkillDescription9}}}
| {{#if:{{{SkillImage10|}}}|[[File:{{{SkillImage10}}}|50px]]}}<br>{{{SkillDescription10}}}
| {{#if:{{{SkillImage11|}}}|[[File:{{{SkillImage11}}}|50px]]}}<br>{{{SkillDescription11}}}
| {{#if:{{{SkillImage12|}}}|[[File:{{{SkillImage12}}}|50px]]}}<br>{{{SkillDescription12}}}
|-
! style="width:16%;" | {{{Skill13}}}
! style="width:16%;" | {{{Skill14}}}
! style="width:16%;" | {{{Skill15}}}
! style="width:16%;" | {{{Skill16}}}
! style="width:16%;" | {{{Skill17}}}
! style="width:16%;" | {{{Skill18}}}
|-
| {{#if:{{{SkillImage13|}}}|[[File:{{{SkillImage13}}}|50px]]}}<br>{{{SkillDescription13}}}
| {{#if:{{{SkillImage14|}}}|[[File:{{{SkillImage14}}}|50px]]}}<br>{{{SkillDescription14}}}
| {{#if:{{{SkillImage15|}}}|[[File:{{{SkillImage15}}}|50px]]}}<br>{{{SkillDescription15}}}
| {{#if:{{{SkillImage16|}}}|[[File:{{{SkillImage16}}}|50px]]}}<br>{{{SkillDescription16}}}
| {{#if:{{{SkillImage17|}}}|[[File:{{{SkillImage17}}}|50px]]}}<br>{{{SkillDescription17}}}
| {{#if:{{{SkillImage18|}}}|[[File:{{{SkillImage18}}}|50px]]}}<br>{{{SkillDescription18}}}
|-
! style="width:16%;" | {{{Skill19}}}
! style="width:16%;" | {{{Skill20}}}
! style="width:16%;" | {{{Skill21}}}
! style="width:16%;" | {{{Skill22}}}
! style="width:16%;" | {{{Skill23}}}
! style="width:16%;" | {{{Skill24}}}
|-
| {{#if:{{{SkillImage19|}}}|[[File:{{{SkillImage19}}}|50px]]}}<br>{{{SkillDescription19}}}
| {{#if:{{{SkillImage20|}}}|[[File:{{{SkillImage20}}}|50px]]}}<br>{{{SkillDescription20}}}
| {{#if:{{{SkillImage21|}}}|[[File:{{{SkillImage21}}}|50px]]}}<br>{{{SkillDescription21}}}
| {{#if:{{{SkillImage22|}}}|[[File:{{{SkillImage22}}}|50px]]}}<br>{{{SkillDescription22}}}
| {{#if:{{{SkillImage23|}}}|[[File:{{{SkillImage23}}}|50px]]}}<br>{{{SkillDescription23}}}
| {{#if:{{{SkillImage24|}}}|[[File:{{{SkillImage24}}}|50px]]}}<br>{{{SkillDescription24}}}
|}
|}
=== Linked header smoke test (manual) ===
This one does not depend on Definitions.json; it verifies the “header title is a link” behavior directly:
<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>
=== List density test ===
* Core stats: {{def|Stat|Str}}, {{def|Stat|Vit}}, {{def|Stat|Agi}}, {{def|Stat|Dex}}, {{def|Stat|Int}}, {{def|Stat|Luk}}
* 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}}
* Types: {{def|Cast|Target}}, {{def|Cast|Ground}}, {{def|Cast|Toggle}}, {{def|Damage|Melee}}, {{def|Damage|Magic}}
* Elements: {{def|Element|Neutral}}, {{def|Element|Fire}}, {{def|Element|Water}}, {{def|Element|Wind}}, {{def|Element|Earth}}, {{def|Element|Shadow}}
{| class="infobox" style="width:100%; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);"
=== Table density test ===
{| class="wikitable "
! Scenario !! Cast !! Damage !! Element !! Notable stats
|-
|-
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
| Basic strike || {{def|Cast|Target}} || {{def|Damage|Melee}} || {{def|Element|Neutral}} || {{def|Stat|Atk}} , {{def|Stat |Hit}}
'''Advanced Classes'''
|-
|-
|
| Ground spell || {{def|Cast|Ground}} || {{def|Damage|Magic}} || {{def|Element|Fire}} || { {def|Stat |Matk}} , {{def|Stat|Int}}
<div style="display:flex; justify-content:space-between; gap:20px; padding:12px; font-size:100%;">
{| class="infobox" style="flex:1; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.25); padding:8px;"
|-
|-
! colspan="2" style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
| Toggle buff || {{def|Cast|Toggle}} || {{def|Damage|Magic}} || {{def|Element|Holy}} || {{def|Stat|Mp}} , {{def |Stat |Vit}}
'''[Advanced Class 1]'''<br />
[[File:SpiritValeLogo.png|100px]]
|-
|-
| style="background:#e6e3f0; font-weight:bold; width:35%;" | Role
| Defensive build || {{def |Cast |Target}} || {{def |Damage |Melee}} || {{def|Element|Shadow}} || {{def|Stat|Def}} , {{def|Stat|Mdef}} , {{def|Stat|Hp}}
| style="background:#ffffff;" | [Short descriptor]
|-
| style="background:#e6e3f0; font-weight:bold;" | Description
| style="background:#ffffff;" | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|}
|}
{{def |Damage |Healing}}
{{def |Damage |True }}
{| class="infobox" style="flex:1; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.25); padding:8px;"
{{def |Damage |Status }}
|-
! colspan="2" style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
'''[Advanced Class 2]'''<br />
[[File:SpiritValeLogo.png|100px]]
|-
| style="background:#e6e3f0; font-weight:bold; width:35%;" | Role
| style="background:#ffffff;" | [Short descriptor]
|-
| style="background:#e6e3f0; font-weight:bold;" | Description
| style="background:#ffffff;" | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|}
</div>
|}
{| class="infobox" style="width:100%; font-size:100%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2);"
|-
! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; border-top-left-radius:10px; border-top-right-radius:10px;" |
'''Advice & Guides'''
|-
| style="padding:12px; line-height:1.6;" |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|}
|}
This page tests ? output and Universal Popups behavior.
Core stats show up constantly: Strength , Agility , Dexterity , Intelligence , Vitality , and Luck . Combat stats like Attack and Magic Attack pair with accuracy Hit Rate and avoidance Flee . Defensive lines usually mention Defense , Magic Defense , Health Points , and Mana Points .
Casting types like Target , Ground , and Toggle control delivery, while damage can be Melee or Magic . Elements often rotate between Fire , Water , Wind , Earth , and Shadow .
These should behave the same as above, but without icons:
Strength , Agility , Dexterity , Intelligence , Vitality , Luck .
This should render a visible “?” missing marker and NO popup data:
? Definitely Not A Real Key
This one does not depend on Definitions.json; it verifies the “header title is a link” behavior directly:
Casting (manual link)
Core stats: Strength , Vitality , Agility , Dexterity , Intelligence , Luck
Combat: Attack , Magic Attack , Hit Rate , Flee
Defense: Defense , Magic Defense , Health Points , Mana Points
Types: Target , Ground , Toggle , Melee , Magic
Elements: Neutral , Fire , Water , Wind , Earth , Shadow
Scenario
Cast
Damage
Element
Notable stats
Basic strike
Target
Melee
Neutral
Attack , Hit Rate
Ground spell
Ground
Magic
Fire
Magic Attack , Intelligence
Toggle buff
Toggle
Magic
Holy
Mana Points , Vitality
Defensive build
Target
Melee
Shadow
Defense , Magic Defense , Health Points
Healing
True
Status