android: the catalog's numbers — Popular's own lane, a count per row, the artist's photo

Popular is asked on its own as well as with the page, so the section can
paint before the full page is built and an artist whose page came back
with none still gets one. A catalog record's rows that the album's own
artist anchor found no count for — a feature's guest, a compilation's
stranger — get the deferred Last.fm pass by their own artist id. The
artist page's ⋯ is its own sheet now: choose a hero photo from this phone,
or put the catalog's own back; set_artist_hero is pick_artist_hero's
install step split out and shared, so the desktop's dialog keeps its door.
You gains the desktop's Refresh artist portraits, and a data: URL is the
image itself in the art gate — a chosen hero comes back from Rust as one,
and the thumbnail fetch used to throw it away.

tests/mobile/smoke.mjs

@@ -167,6 +167,9 @@ const PROBE = `(function () {
         hwant: (function () { try { var n = __ss.nav; return (n.sheet ? 1 : 0) + (n.half ? 1 : 0) + (n.stacks[n.tab].length - 1) + (n.tab !== 'home' ? 1 : 0); } catch (e) { return -1; } })(),
         cardImgs: document.querySelectorAll('.rail .acard img').length,
         cardPhs: document.querySelectorAll('.rail .acard svg').length,
+        popCounts: [].filter.call(document.querySelectorAll('.row.pop .lbar em'), function (e) { return e.textContent.trim(); }).length,
+        barCounts: [].filter.call(document.querySelectorAll('.trk .lbar em'), function (e) { return e.textContent.trim(); }).length,
+        heroPix: !!document.querySelector('.hero .hero-img.dissolve'),
         likes: [].map.call(document.querySelectorAll('.tastechips.likes .tchip'), function (c) { return c.textContent.trim(); }).join('|'),
         hates: [].map.call(document.querySelectorAll('.tastechips.hates .tchip'), function (c) { return c.textContent.trim(); }).join('|'),
         similar: document.querySelectorAll('.screen .row.similar').length,
@@ -318,6 +321,12 @@ const MOCK_STEPS = [
     { do: `__click('.top button', 'Open')`, name: "cat-artist", wait: 2200 },
     { do: `__click('.stats .fb', 'Follow')`, name: "cat-artist-follow", wait: 900 },
     { do: `__click('.disco-tabs button', 'Singles')`, name: "cat-artist-tab", wait: 700 },
+    /* the artist's photo: the page's ⋯ → a picture from this phone becomes
+       the hero, the page is asked again, then the catalog's own come back */
+    { do: `document.querySelectorAll('.gbar .iconbtn')[1].click()`, name: "artist-more", wait: 700 },
+    { do: `__click('.halfsheet .row', 'Choose hero photo')`, name: "artist-hero-set", wait: 1400 },
+    { do: `document.querySelectorAll('.gbar .iconbtn')[1].click()`, name: "artist-more-custom", wait: 800 },
+    { do: `__click('.halfsheet .row', 'Remove custom hero')`, name: "artist-hero-cleared", wait: 1400 },
     { do: `__click('.rail .acard', 'Justice')`, name: "cat-artist-related", wait: 1800 },
     { do: `history.back()`, wait: 600 },
     { do: `history.back()`, wait: 800 },
@@ -362,6 +371,8 @@ const MOCK_STEPS = [
     { do: `__settle()`, wait: 800 },
     { do: `document.querySelectorAll('.nav button')[1].click()`, wait: 900 },
     { do: `__click('.rail .release', 'Discovery')`, name: "cat-album", wait: 1500 },
+    /* the two guest rows the record's own anchor had no count for */
+    { name: "cat-album-listeners", wait: 900 },
     /* the record page's own sheet from the bar */
     { do: `document.querySelectorAll('.gbar .iconbtn')[1].click()`, name: "cat-album-sheet", wait: 700 },
     { do: `document.querySelector('.scrim').click()`, wait: 500 },
@@ -488,6 +499,8 @@ const MOCK_STEPS = [
     { do: `__click('.screen .row', 'Word-by-word')`, wait: 400 },
     { do: `__click('.prefs[data-mode="albumart"] .chip', '1000 px')`, name: "you-artedge", wait: 500 },
     { do: `__click('.prefs[data-mode="albumart"] .chip', '1500 px')`, wait: 400 },
+    /* the desktop's portrait refresh, beside the covers' */
+    { do: `__click('.screen .row', 'Refresh artist portraits')`, name: "you-portraits", wait: 900 },
     /* downloads on Wi-Fi only: the switch on, the connection made cellular, a download refused; then off */
     { do: `__click('.screen .row', 'Wi-Fi only')`, name: "wifi-on", wait: 400 },
     { do: `(function () { try { Object.defineProperty(navigator, 'connection', { value: { type: 'cellular' }, configurable: true }); } catch (e) {} return __ss.wifi.downloadsAllowed(); })()`, name: "wifi-refused", wait: 400 },
@@ -538,6 +551,7 @@ const MOCK_EXPECT = {
     "you-slots": (i) => i.slots === "3",
     "you-words": (i) => i.wordfill === "on",
     "you-artedge": (i) => i.artEdge === "1000 px",
+    "you-portraits": (i) => /portraits refreshed/.test(i.notice),
     "wifi-on": (i) => i.wifiOnly === "on",
     "wifi-refused": (i) => /Wi-Fi/.test(i.toast),
     "wifi-off": (i) => i.wifiOnly === "off" && !i.toast,
@@ -602,7 +616,11 @@ const MOCK_EXPECT = {
     "cat-artist": (i) => i.screen.includes("has-hero") && i.title.startsWith("Daft Punk") && i.tabs >= 4 && i.pop >= 5 && i.socs === 2,
     "cat-artist-follow": (i) => i.fb.includes("Following"),
     "cat-artist-tab": (i) => i.title.startsWith("Daft Punk") && i.cardImgs === 2 && i.cardPhs === 2,
-    "cat-artist-related": (i) => i.title.startsWith("Justice") && i.screen.includes("has-hero"),
+    "cat-artist-related": (i) => i.title.startsWith("Justice") && i.screen.includes("has-hero") && i.heroPix && i.pop >= 4 && i.popCounts >= 4,
+    "artist-more": (i) => i.half.includes("up") && /Choose hero photo/.test(i.halfText) && !/Remove custom hero/.test(i.halfText),
+    "artist-hero-set": (i) => !i.half.includes("up") && /3840×2160/.test(i.notice),
+    "artist-more-custom": (i) => i.half.includes("up") && /Remove custom hero/.test(i.halfText) && i.heroPix,
+    "artist-hero-cleared": (i) => !i.half.includes("up") && /photos are back/.test(i.notice),
     "net-playing": (i) => i.mini && i.playing.includes("One More Time") && /streaming from|copy/.test(i.live),
     "net-sheet": (i) => i.sheet.includes("up") && i.lane.includes("rising"),
     "net-arrived": (i) => i.sheet.includes("up") && !i.lane.includes("rising"),
@@ -624,6 +642,7 @@ const MOCK_EXPECT = {
     "browse-dir": (i) => i.brwFiles >= 8,
     "browse-play": (i) => i.playing.includes("Aerodynamic") && /streaming from/.test(i.live),
     "cat-album": (i) => i.screen.includes("tr-push") && i.title.startsWith("Discovery") && i.eds >= 2 && i.lede && i.bars >= 10,
+    "cat-album-listeners": (i) => i.bars === 14 && i.barCounts === 14,
     "cat-album-sheet": (i) => i.half.includes("up") && /Save to library/.test(i.halfText) && /Add to playlist/.test(i.halfText) && /Go to artist/.test(i.halfText),
     "cat-track-sheet": (i) => i.half.includes("up") && /Save to library/.test(i.halfText),
     "cat-track-save": (i) => /Saving from /.test(i.halfText) || !i.half.includes("up"),
@@ -806,6 +825,10 @@ const PHONE_STEPS = [
     { do: `document.querySelectorAll('.segtabs button')[1].click()`, wait: 600 },
     { do: `__click('.screen button.row', null)`, name: "artist-cold", wait: 400 },
     { name: "artist", wait: 4500 },
+    /* the page's ⋯ on the real core: the hero door is there and knows the
+       artist's id — it opens the system picker, so the walk only looks */
+    { do: `document.querySelectorAll('.gbar .iconbtn')[1].click()`, name: "artist-more", wait: 900 },
+    { do: `document.querySelector('.scrim').click()`, wait: 600 },
     /* a discography card the library does NOT hold opens the catalog record */
     { do: `(function () { var c = [].slice.call(document.querySelectorAll('.grid2 .release')); if (!c.length) throw new Error('no discography grid'); var pick = c.find(function (x) { return x.textContent.indexOf('in your library') < 0; }) || c[c.length - 1]; pick.click(); })()`, name: "catalog-album", wait: 3500 },
     { do: `history.back()`, wait: 800 },
@@ -873,6 +896,7 @@ const PHONE_EXPECT = {
     "share-import": (i) => i.title.startsWith("Import") && (i.imp > 0 || i.impErr),
     "share-cancel": (i) => i.title.startsWith("Your library"),
     artist: (i) => i.screen.includes("has-hero") && i.amb.includes("on:img") && i.tabs >= 1,
+    "artist-more": (i) => i.half.includes("up") && /Choose hero photo/.test(i.halfText),
     "catalog-album": (i) => i.screen.includes("tr-push") && !!i.title,
     end: (i) => /^(Good |Still)/.test(i.title),
 };