/**
 * QUnit Tests for Realtime Search Functionality
 * Tests product filtering and search behavior
 */

odoo.define("website_sale_aplicoop.test_realtime_search", function (require) {
    "use strict";

    var QUnit = window.QUnit;

    QUnit.module(
        "website_sale_aplicoop.realtime_search",
        {
            beforeEach: function () {
                // Setup: Create test DOM with product cards
                this.$fixture = $("#qunit-fixture");

                this.$fixture.append(
                    '<input type="text" id="realtime-search-input" />' +
                        '<select id="realtime-category-select">' +
                        '<option value="">All Categories</option>' +
                        '<option value="1">Category 1</option>' +
                        '<option value="2">Category 2</option>' +
                        "</select>" +
                        '<div class="product-card" data-product-name="Cabbage" data-category-id="1"></div>' +
                        '<div class="product-card" data-product-name="Carrot" data-category-id="1"></div>' +
                        '<div class="product-card" data-product-name="Apple" data-category-id="2"></div>' +
                        '<div class="product-card" data-product-name="Banana" data-category-id="2"></div>'
                );

                // Initialize search object
                window.realtimeSearch = {
                    searchInput: document.getElementById("realtime-search-input"),
                    categorySelect: document.getElementById("realtime-category-select"),
                    productCards: document.querySelectorAll(".product-card"),

                    filterProducts: function () {
                        var searchTerm = this.searchInput.value.toLowerCase().trim();
                        var selectedCategory = this.categorySelect.value;

                        var visibleCount = 0;
                        var hiddenCount = 0;

                        this.productCards.forEach(function (card) {
                            var productName = card.getAttribute("data-product-name").toLowerCase();
                            var categoryId = card.getAttribute("data-category-id");

                            var matchesSearch = !searchTerm || productName.includes(searchTerm);
                            var matchesCategory =
                                !selectedCategory || categoryId === selectedCategory;

                            if (matchesSearch && matchesCategory) {
                                card.classList.remove("d-none");
                                visibleCount++;
                            } else {
                                card.classList.add("d-none");
                                hiddenCount++;
                            }
                        });

                        return { visible: visibleCount, hidden: hiddenCount };
                    },
                };
            },
            afterEach: function () {
                // Cleanup
                this.$fixture.empty();
                delete window.realtimeSearch;
            },
        },
        function () {
            QUnit.test("search input element exists", function (assert) {
                assert.expect(1);

                var searchInput = document.getElementById("realtime-search-input");
                assert.ok(searchInput, "search input element exists");
            });

            QUnit.test("category select element exists", function (assert) {
                assert.expect(1);

                var categorySelect = document.getElementById("realtime-category-select");
                assert.ok(categorySelect, "category select element exists");
            });

            QUnit.test("product cards are found", function (assert) {
                assert.expect(1);

                var productCards = document.querySelectorAll(".product-card");
                assert.equal(productCards.length, 4, "found 4 product cards");
            });

            QUnit.test("search filters by product name", function (assert) {
                assert.expect(2);

                // Search for "cab"
                window.realtimeSearch.searchInput.value = "cab";
                var result = window.realtimeSearch.filterProducts();

                assert.equal(result.visible, 1, "1 product visible (Cabbage)");
                assert.equal(result.hidden, 3, "3 products hidden");
            });

            QUnit.test("search is case insensitive", function (assert) {
                assert.expect(2);

                // Search for "CARROT" in uppercase
                window.realtimeSearch.searchInput.value = "CARROT";
                var result = window.realtimeSearch.filterProducts();

                assert.equal(result.visible, 1, "1 product visible (Carrot)");
                assert.equal(result.hidden, 3, "3 products hidden");
            });

            QUnit.test("empty search shows all products", function (assert) {
                assert.expect(2);

                window.realtimeSearch.searchInput.value = "";
                var result = window.realtimeSearch.filterProducts();

                assert.equal(result.visible, 4, "all 4 products visible");
                assert.equal(result.hidden, 0, "no products hidden");
            });

            QUnit.test("category filter works", function (assert) {
                assert.expect(2);

                // Select category 1
                window.realtimeSearch.categorySelect.value = "1";
                var result = window.realtimeSearch.filterProducts();

                assert.equal(result.visible, 2, "2 products visible (Cabbage, Carrot)");
                assert.equal(result.hidden, 2, "2 products hidden (Apple, Banana)");
            });

            QUnit.test("search and category filter work together", function (assert) {
                assert.expect(2);

                // Search for "ca" in category 1
                window.realtimeSearch.searchInput.value = "ca";
                window.realtimeSearch.categorySelect.value = "1";
                var result = window.realtimeSearch.filterProducts();

                // Should show: Cabbage, Carrot (both in category 1 and match "ca")
                assert.equal(result.visible, 2, "2 products visible");
                assert.equal(result.hidden, 2, "2 products hidden");
            });

            QUnit.test("search for non-existent product shows none", function (assert) {
                assert.expect(2);

                window.realtimeSearch.searchInput.value = "xyz123";
                var result = window.realtimeSearch.filterProducts();

                assert.equal(result.visible, 0, "no products visible");
                assert.equal(result.hidden, 4, "all 4 products hidden");
            });

            QUnit.test("partial match works", function (assert) {
                assert.expect(2);

                // Search for "an" should match "Banana"
                window.realtimeSearch.searchInput.value = "an";
                var result = window.realtimeSearch.filterProducts();

                assert.equal(result.visible, 1, "1 product visible (Banana)");
                assert.equal(result.hidden, 3, "3 products hidden");
            });

            QUnit.test("search trims whitespace", function (assert) {
                assert.expect(2);

                // Search with extra whitespace
                window.realtimeSearch.searchInput.value = "  apple  ";
                var result = window.realtimeSearch.filterProducts();

                assert.equal(result.visible, 1, "1 product visible (Apple)");
                assert.equal(result.hidden, 3, "3 products hidden");
            });

            QUnit.test("d-none class is added to hidden products", function (assert) {
                assert.expect(1);

                window.realtimeSearch.searchInput.value = "cabbage";
                window.realtimeSearch.filterProducts();

                var productCards = document.querySelectorAll(".product-card");
                var hiddenCards = Array.from(productCards).filter(function (card) {
                    return card.classList.contains("d-none");
                });

                assert.equal(hiddenCards.length, 3, "3 cards have d-none class");
            });

            QUnit.test("d-none class is removed from visible products", function (assert) {
                assert.expect(2);

                // First hide all
                window.realtimeSearch.searchInput.value = "xyz";
                window.realtimeSearch.filterProducts();

                var allHidden = Array.from(window.realtimeSearch.productCards).every(function (
                    card
                ) {
                    return card.classList.contains("d-none");
                });
                assert.ok(allHidden, "all cards hidden initially");

                // Then show all
                window.realtimeSearch.searchInput.value = "";
                window.realtimeSearch.filterProducts();

                var allVisible = Array.from(window.realtimeSearch.productCards).every(function (
                    card
                ) {
                    return !card.classList.contains("d-none");
                });
                assert.ok(allVisible, "all cards visible after clearing search");
            });

            QUnit.test("filterProducts returns correct counts", function (assert) {
                assert.expect(4);

                // All visible
                window.realtimeSearch.searchInput.value = "";
                var result1 = window.realtimeSearch.filterProducts();
                assert.equal(result1.visible + result1.hidden, 4, "total count is 4");

                // 1 visible
                window.realtimeSearch.searchInput.value = "apple";
                var result2 = window.realtimeSearch.filterProducts();
                assert.equal(result2.visible, 1, "visible count is 1");

                // None visible
                window.realtimeSearch.searchInput.value = "xyz";
                var result3 = window.realtimeSearch.filterProducts();
                assert.equal(result3.visible, 0, "visible count is 0");

                // Category filter
                window.realtimeSearch.searchInput.value = "";
                window.realtimeSearch.categorySelect.value = "2";
                var result4 = window.realtimeSearch.filterProducts();
                assert.equal(result4.visible, 2, "category filter shows 2 products");
            });
        }
    );

    return {};
});