[Bug]: Playlist TrackLists Do Not Show Skip & Settings Icons

[cdrani]

Describe the bug

In playlist tracklist view, the skip and settings icons click events are not triggered

To Reproduce

Steps to reproduce the behaviour:

1. Go to a Spotify Curated playlist such as "Discover Weekly"
2. Click on on Skip or Settings Icon
3. Settings icon click should cause Chorus Modal to display. Skip icon should set track as blocked and be highlight in Spotify green colour

Expected behaviour

Settings icon click should cause Chorus Modal to display. Skip icon should set track as blocked and be highlight in Spotify green colour

Screenshots

Screen.Recording.2023-07-31.at.00.03.11.mov

SOLUTION

Currently the Skip and Settings are set on the overall tracklist container based on the data-testid="track-list" as shown here:

chorus/models/track-list.js

Line 112 in 708c2e2

const trackLists = Array.from(document.querySelectorAll('[data-testid="track-list"]'))

However, for the curated playlists, the data-testid is "playlist-tracklist".

We need to update the container query to include this other element as well. Per MDN:

Multiple selectors may be specified by separating them using commas.

const matches = myBox.querySelectorAll("div.note, div.alert")

however, to keep the line length manageable, preference would be to use an array instead and place the two selectors on separate lines.

Reach out if you need some help resolving this issue. 😄