"use strict";

/**
 * Helper for setup and cleanup of Highlights section tests.
 * @param bookmarkCount Number of bookmark higlights to add
 * @param test The test case
 */
function test_highlights(bookmarkCount, test) {
  test_newtab({
    async before({ tab }) {
      if (bookmarkCount) {
        await addHighlightsBookmarks(bookmarkCount);
        // Wait for HighlightsFeed to update and display the items.
        await SpecialPowers.spawn(tab.linkedBrowser, [], async () => {
          await ContentTaskUtils.waitForCondition(
            () =>
              content.document.querySelector(
                "[data-section-id='highlights'] .card-outer:not(.placeholder)"
              ),
            "No highlights cards found."
          );
        });
      }
    },
    test,
    async after() {
      await clearHistoryAndBookmarks();
    },
  });
}

test_highlights(
  2, // Number of highlights cards
  function check_highlights_cards() {
    let found = content.document.querySelectorAll(
      "[data-section-id='highlights'] .card-outer:not(.placeholder)"
    ).length;
    is(found, 2, "there should be 2 highlights cards");

    found = content.document.querySelectorAll(
      "[data-section-id='highlights'] .section-list .placeholder"
    ).length;
    is(found, 2, "there should be 1 row * 4 - 2 = 2 highlights placeholder");

    found = content.document.querySelectorAll(
      "[data-section-id='highlights'] .card-context-icon.icon-bookmark-added"
    ).length;
    is(found, 2, "there should be 2 bookmark icons");
  }
);

test_highlights(
  1, // Number of highlights cards
  function check_highlights_context_menu() {
    const menuButton = content.document.querySelector(
      "[data-section-id='highlights'] .card-outer .context-menu-button"
    );
    // Open the menu.
    menuButton.click();
    const found = content.document.querySelector(
      "[data-section-id='highlights'] .card-outer .context-menu"
    );
    ok(found && !found.hidden, "Should find a visible context menu");
  }
);

test_highlights(
  1, // Number of highlights cards
  async function check_highlights_context_menu() {
    const menuButton = content.document.querySelector(
      "[data-section-id='highlights'] .card-outer .context-menu-button"
    );
    // Open the menu.
    menuButton.click();
    const contextMenu = content.document.querySelector(
      "[data-section-id='highlights'] .card-outer .context-menu"
    );
    ok(
      contextMenu && !contextMenu.hidden,
      "Should find a visible context menu"
    );

    const removeBookmarkBtn = contextMenu.querySelector(
      "[data-section-id='highlights'] button"
    );
    removeBookmarkBtn.click();

    await ContentTaskUtils.waitForCondition(
      () =>
        content.document.querySelectorAll(
          "[data-section-id='highlights'] .card-outer:not(.placeholder)"
        ),
      "no more bookmark cards should be visible"
    );
  }
);