Agreed - Chrome Extension for agreeing with reactions on Slack

background.js

chrome.commands.onCommand.addListener(function(command) {
  if (command === "agree-first-reaction") {
    chrome.tabs.executeScript({
      code: ` ... // code from clickFirstReaction.js
    `
  })
} else if (command === "agree-every-reaction") {
  chrome.tabs.executeScript({
      code: ` ... // code form clickEveryReaction.js
      `
    })
  }
});

clickEveryReaction.js

function clickEveryReaction() {
    const query = "div > button.c-reaction:not(.c-reaction--reacted)";
    const reactionsToClick = document.querySelectorAll(query);
    const beforeCount = reactionsToClick.length;

    if (reactionsToClick.length) {
        reactionsToClick.forEach((button) => { button.click()} );
    }

    const afterCount = document.querySelectorAll(query).length;
}
clickEveryReaction()

clickFirstReaction.js

function clickFirstReaction() {
    const query = "div.c-reaction_bar > button:nth-child(1):not(.c-reaction--reacted)";
    const reactionsToClick = document.querySelectorAll(query);
    const beforeCount = reactionsToClick.length;

    if (reactionsToClick.length) {
        reactionsToClick.forEach((button) => { button.click()} );
    }

    const afterCount = document.querySelectorAll(query).length;
}
clickFirstReaction()