${WOWAV.image({ ...c, game_id: d.game_id || c.game_id, class: d.class || c.class, race: d.race || c.race, gender: d.gender || c.gender, avatar_src: d.avatar_src }, 'class="cp-avatar" width="64" height="64"')}
- ${d.title ? `
${esc(d.title.replace("{name}", d.name))}
` : ""}${esc(d.name)}
-${d.level != null ? `Level ${d.level} ` : ""}${esc([d.race, d.spec, d.class].filter(Boolean).join(" "))}
- ${esc([d.realm, forever ? "Forever" : "Retail", (d.region || c.region || "").toUpperCase()].filter(Boolean).join(" · "))}${factionCrest(d.faction || c.faction)}
+ ${d.title ? `${esc(d.title.replace("{name}", d.name))}
` : ""}${esc(d.name)}${factionCrest(d.faction || c.faction)}
+${d.level != null ? `Level ${esc(d.level)}` : ""}${raceSpec ? ` ${raceSpec}` : ""}${d.class ? ` ${esc(d.class)}` : ""}
+ ${d.realm ? `${esc(d.realm)}` : ""}${d.realm ? " · " : ""}${esc(verLine)}
${d.guild ? `<${esc(d.guild.name)}>${d.guild.rank != null ? ` · ${d.guild.rank === 0 ? "Guild Master" : "Rank " + d.guild.rank}` : ""}
` : ""}
${d.ilvl != null ? stat("Item level", nf.format(d.ilvl)) : ""}${d.achievement_points > 0 ? stat("Achievements", nf.format(d.achievement_points)) : ""}${mp.rating != null ? stat("M+ rating", nf.format(Math.round(mp.rating))) : ""}
}-64.webp)
`:'';},WH:{ok:!!opts.whOk,scan(){}},imgOk:'',
addEventListener:(name,fn)=>events[name]=fn,document:{createElement(){const node={remove(){},innerHTML:'',className:''};nodes.push(node);return node},body:{appendChild(){},classList:{add(){},remove(){}}},addEventListener(){},removeEventListener(){}},
$:(selector)=>selector==='.cp-x'?{focus(){}}:selector==='.cp-in'?inside:null,$$:()=>[],api:async()=>data,setTimeout:fn=>{timers.push(fn);return 0}};
const {WOWPOP,WOWLINK}=vm.runInNewContext(linkSource+avatarSource+popupSource+';({WOWPOP,WOWLINK})',ctx);
@@ -100,8 +100,101 @@ test('Share copies the stable URL for both versions, confirms, then resets',asyn
test('Forever characters without an Armory page stay open with a short note',()=>{
const {WOWPOP}=harness();
const html=WOWPOP.body({name:'Lucroena Ashborne',level:4,region:'us',realm:'PvP',game_id:'wow_forever',armory_unavailable:true,gear:[],stats:[]},{game_id:'wow_forever',name:'Lucroena Ashborne'});
- assert.ok(html.includes('PvP · Forever · US') || html.includes('PvP · Forever · us') || /PvP/.test(html) && /Forever/.test(html) && /US/.test(html));
+ const text=html.replace(/<[^>]+>/g,'');
+ assert.ok(text.includes('PvP · Forever · US'));
+ assert.ok(html.includes('class="cp-realm">PvP'));
+ assert.ok(html.includes('class="cp-ver"> · Forever · US'));
assert.ok(html.includes("The Armory doesn't list this character yet."));
assert.ok(!html.includes('View on Armory'));
assert.ok(html.includes('>Share'));
});
+
+function hexLum(hex){
+ const h=hex.replace('#','');
+ const n=h.length===3?h.split('').map(c=>c+c).join(''):h;
+ const rgb=[0,2,4].map(i=>parseInt(n.slice(i,i+2),16)/255);
+ const lin=c=>c<=0.04045?c/12.92:((c+0.055)/1.055)**2.4;
+ const [r,g,b]=rgb.map(lin);
+ return 0.2126*r+0.7152*g+0.0722*b;
+}
+function contrast(a,b){
+ const L1=hexLum(a),L2=hexLum(b),hi=Math.max(L1,L2),lo=Math.min(L1,L2);
+ return (hi+0.05)/(lo+0.05);
+}
+function ruleColor(css,sel){
+ const m=css.match(new RegExp(sel.replace(/[.*+?^${}()|[\]\\]/g,'\\$&')+'\\s*\\{[^}]*\\}','m'));
+ assert.ok(m,sel+' rule');
+ const c=(m[0].match(/color:([^;}]+)/)||[])[1];
+ assert.ok(c,sel+' color');
+ const hex=(c.trim().match(/#(?:[0-9a-fA-F]{3}){1,2}/)||[])[0];
+ assert.ok(hex,sel+' hex color');
+ return hex;
+}
+
+test('popup header uses class colour, places the crest by the name, and keeps AA contrast',()=>{
+ const {WOWPOP}=harness();
+ const html=WOWPOP.body({
+ name:'Lucrona',level:22,race:'Undead',spec:'Retribution',class:'Paladin',class_id:2,
+ realm:'PvP',region:'us',game_id:'wow_forever',faction:'HORDE',
+ title:'Lucrona the Kingslayer',
+ guild:{name:'Ashen Host',rank:0}
+ },{game_id:'wow_forever',name:'Lucrona',faction:'HORDE'});
+ const text=html.replace(/<[^>]+>/g,'');
+ assert.ok(text.includes('Level 22 Undead Retribution Paladin'));
+ assert.ok(text.includes('PvP · Forever · US'));
+ assert.ok(text.includes('