|
Tags: Mobile edit Mobile web edit |
| (119 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}}}
| |
| |-
| |
| | [[File:{{{SkillImage1}}}|50px]]<br>{{{SkillDescription1}}}
| |
| | [[File:{{{SkillImage2}}}|50px]]<br>{{{SkillDescription2}}}
| |
| | [[File:{{{SkillImage3}}}|50px]]<br>{{{SkillDescription3}}}
| |
| | [[File:{{{SkillImage4}}}|50px]]<br>{{{SkillDescription4}}}
| |
| | [[File:{{{SkillImage5}}}|50px]]<br>{{{SkillDescription5}}}
| |
| | [[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}}}
| |
| |-
| |
| | [[File:{{{SkillImage7}}}|50px]]<br>{{{SkillDescription7}}}
| |
| | [[File:{{{SkillImage8}}}|50px]]<br>{{{SkillDescription8}}}
| |
| | [[File:{{{SkillImage9}}}|50px]]<br>{{{SkillDescription9}}}
| |
| | [[File:{{{SkillImage10}}}|50px]]<br>{{{SkillDescription10}}}
| |
| | [[File:{{{SkillImage11}}}|50px]]<br>{{{SkillDescription11}}}
| |
| | [[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}}}
| |
| |-
| |
| | [[File:{{{SkillImage13}}}|50px]]<br>{{{SkillDescription13}}}
| |
| | [[File:{{{SkillImage14}}}|50px]]<br>{{{SkillDescription14}}}
| |
| | [[File:{{{SkillImage15}}}|50px]]<br>{{{SkillDescription15}}}
| |
| | [[File:{{{SkillImage16}}}|50px]]<br>{{{SkillDescription16}}}
| |
| | [[File:{{{SkillImage17}}}|50px]]<br>{{{SkillDescription17}}}
| |
| | [[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}}}
| |
| |-
| |
| | [[File:{{{SkillImage19}}}|50px]]<br>{{{SkillDescription19}}}
| |
| | [[File:{{{SkillImage20}}}|50px]]<br>{{{SkillDescription20}}}
| |
| | [[File:{{{SkillImage21}}}|50px]]<br>{{{SkillDescription21}}}
| |
| | [[File:{{{SkillImage22}}}|50px]]<br>{{{SkillDescription22}}}
| |
| | [[File:{{{SkillImage23}}}|50px]]<br>{{{SkillDescription23}}}
| |
| | [[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.
| |
| |} | |
| |}
| |