Exile Pub

Login with Discord

ItemStats Visual Tests

Visual verification of ItemStats component against resources/*.html examples

HTML Reference Examples

These items match the HTML examples in resources/ folder. Compare visually against original HTML files.

Normal Weapon (from HTML example)
Totemic Greatclub
Two Hand Mace
Physical Damage: 77-105
Critical Hit Chance: 5.00%
Attacks per Second: 1.10
Item Level: 61
Requires Level 50, 89 Str
[1—1]Warcries Empower an additional Attack
Magic Weapon (from HTML example)
Overpowering Totemic Greatclub
Two Hand Mace
Physical Damage: 77-105
Critical Hit Chance: 5.00%
Attacks per Second: 1.10
Item Level: 63
Requires Level 50, 89 Str
[1—1]Warcries Empower an additional Attack
P2[100—119]111% increased Elemental Damage with AttacksOverpowering (≥60)
Rare Weapon (from HTML example)
Honour Star
Leaden Greathammer
Two Hand Mace
Physical Damage: 58-78
Elemental Damage: 23-33, 1-8
Critical Hit Chance: 5.00%
Attacks per Second: 1.23
Item Level: 41
Requires Level 33, 60 Str
P7[16—23 to 25—35]Adds 23 to 33 Cold DamageFrigid (≥33)
P10[1—1 to 7—10]Adds 1 to 8 Lightning DamageHumming (≥1)
S6[11—13]12% increased Attack Speedof Mastery (≥22)
S7[9—12]+9 to Strengthof the Wrestler (≥11)
S8[2—3]Gain 2 Mana per enemy killedof Absorption (≥1)
Unique Armour (from HTML example)
Atziri's Acuity
Moulded Mitts
Gloves
Quality: +25%
Armour: 159
Item Level: 82
Requires Level 33, 42 Str
[80—100]87% increased Armour (≥0)
[30—50]31% increased Critical Hit Chance (≥0)
[20—30]+30 to Intelligence (≥0)
[1—1]Leech from Critical Hits is instant (≥0)
Foil/Relic Ring (from HTML example)
Heartbound Loop
Pearl Ring
Ring
Item Level: 65
Requires Level 32
[7—10]10% increased Cast Speed
[10—15]Minions have 12% increased maximum Life (≥0)
[10—15]12.9 Life Regeneration per second (≥0)
[20—40]29% increased Mana Regeneration Rate (≥0)
[300—300]300 Physical Damage taken on Minion Death (≥0)
[10—15]Minions Revive 12% faster (≥0)

Additional Test Cases

Additional items testing different property combinations.

Weapon with all damage types
Doom Cleaver
Deicide Sword
Two Hand Sword
Quality: +20%
Physical Damage: 145-302
Elemental Damage: 25-50, 30-45, 1-85, 15-30
Critical Hit Chance: 6.20%
Attacks per Second: 1.45
Item Level: 83
Requires Level 66, 113 Str, 113 Dex
[40—50]+46% increased Physical Damage
P1[150—180]168% increased Physical DamageOverpowering (≥73)
P3[20—30 to 45—55]Adds 25 to 50 Fire DamageIncinerating (≥58)
S2[20—30]+26% to Critical Damage BonusDevastating (≥64)
Armour with quality
Dread Keep
Glorious Plate
Body Armour
Quality: +28%
Armour: 1856
Item Level: 72
Requires Level 68, 191 Str
Evasion + ES hybrid
Skin of the Loyal
Simple Robe
Body Armour
Evasion Rating: 234
Energy Shield: 156
Requires Level 52, 38 Dex, 38 Int

Tooltip Component Test

Testing the new Tooltip component with different positions.

K

VersionBadge Component Test

Testing the VersionBadge component for game version display.

Current version (green, no tooltip)

0.4.0 - Fate of the VaalCurrent: 0.4.0 - Fate of the Vaal

Outdated versions (amber, with warning icon and tooltip)

0.3.0 - Rise of the Abyssal
0.2.0 - Dawn of the Hunt
0.1.0 - Early Access
Unknown League

Hover over badges to see tooltip

POE1 version badges

3.26 - KeepersPOE1 current league (green)

VoteButton Component Test

Testing the VoteButton component for interaction voting.

Unauthenticated user (tooltip on hover)

+15
Hover buttons to see login tooltip

Authenticated user - interactive states

+42
No vote
+128
Upvoted
-5
Downvoted

Size variants

+256
Default size
+1024
Large size

Vote count coloring

+50
Positive (green)
0
Zero (gray)
-10
Negative (red)

TagFilter Component Test

Testing the TagFilter component for noteworthy interactions.

Empty state (no tags selected)

Selected: (none)

With pre-selected tags

Selected: Offensive, Mobility

Testing Instructions

  • - Hover over explicit mods to see tier indicators (prefix=red, suffix=blue) and ranges
  • - Hover over implicit mods to see range brackets
  • - Verify rarity colors: Normal (gray), Magic (blue), Rare (yellow), Unique (orange), Foil (green)
  • - Check that double-line headers (Rare/Unique/Foil) show item name and type line
  • - Verify damage type colors: Physical (white), Fire (red), Cold (blue), Lightning (gold), Chaos (purple)
  • - Hover over tooltip test buttons to verify tooltip appears with correct position