EduardoAC

/* eslint-disable @typescript-eslint/no-explicit-any */
import { MessageRate } from "../../types/message.types"
import { messageHandler } from "./eventHandler"
import { ratingMessageHandler } from "./onMessageHandlers/ratingMessageHandler"

jest.mock("./onMessageHandlers/ratingMessageHandler")

describe("messageHandler", () => {
    const sendResponseMock = jest.fn()

EduardoAC

/* eslint-disable @typescript-eslint/no-explicit-any */
import { JestChrome } from "jest-chrome/types/jest-chrome"
import { ratingMessageHandler } from "./ratingMessageHandler"
import { MessageRate } from "../../../types/message.types"

describe("ratingMessageHandler", () => {
    const sendResponseMock = jest.fn()
    const jestChrome = chrome as any as JestChrome

    beforeEach(() => {

EduardoAC

/* eslint-disable @typescript-eslint/no-explicit-any */
import { JestChrome } from "jest-chrome/types/jest-chrome"
import { getRateFromCache } from "./getRateFromCache"

describe("getRateFromCache", () => {
    const sendResponseMock = jest.fn()
    const jestChrome = chrome as any as JestChrome

    beforeEach(() => {
        jest.clearAllMocks()

EduardoAC

import { MessageRate } from "../../types/message.types"
import { ratingMessageHandler } from "./onMessageHandlers/ratingMessageHandler"

export function messageHandler(
    message: Message,
    sender: chrome.runtime.MessageSender,
    sendResponse: SendResponseCallback,
) {
    if (sender.tab && message.type) {
        switch (message.type) {

EduardoAC

import { MessageRate } from "../../../types/message.types"

async function updateCacheRating(
    sendResponse: SendResponseCallback,
    data?: MessageRate,
): Promise<void> {
    if (typeof data?.url === "string") {
        try {
            await chrome.storage.local.set({ [data.url]: data.rate })
            return sendResponse({ statusCode: 200 })

EduardoAC

/* eslint-disable @typescript-eslint/no-explicit-any */
import { JestChrome } from "jest-chrome/types/jest-chrome"
import { sendMessage } from "./sendMessage"

describe("sendMessage", () => {
    it("should send the message correctly", async () => {
        const message: Message = { type: "rating", subType: "get" }
        const response: MessageResponse = { statusCode: 200, data: 2 }

        const jestChrome = chrome as any as JestChrome

EduardoAC

import { MessageRate } from "../../../types/message.types"
import { sendMessage } from "../../messages/sendMessage"
import { clearUrlParams } from "../..//utils/url"
import "./Rating.css"
import { useCallback, useEffect, useState } from "react"

const totalRating = Array.from({ length: 5 }, (_, index) => index + 1)

export function Rating() {
    const [rating, setRating] = useState<number>(0)

EduardoAC

// Cookie listener for onChange events in the background.ts
// cookiesHandler can be found in https://gist.github.com/EduardoAC/35ba733a64854993483ab543de066aa4
chrome.cookies.onChanged.addListener(cookiesHandler)

EduardoAC

import Cookies from "js-cookie";
// Function to check for changes in cookies
function checkLanguageCookieChanges() {
  // Get the current value of the cookie
  const currentLanguage = Cookie.get("{your-webApp-name}-language}");

  // Compare with the previous value
  if (currentLanguage !== checkLanguageCookieChanges.previousLanguage) {
    // Cookie has changed
    i18n.changeLanguage(currentLanguage);

EduardoAC

function initMessageHandler() {
  // ...
  useEffect(() => {
    // Listening for updates by the service worker
    chrome.runtime.onMessage.addListener(handleMessageListener);
    return () => {
      chrome.runtime.onMessage.removeListener(handleMessageListener);
    };
  }, []);
}