"use strict";
// The require scope
var __webpack_require__ = {};
/************************************************************************/ // webpack/runtime/compat_get_default_export
(()=>{
    // getDefaultExport function for compatibility with non-ESM modules
    __webpack_require__.n = function(module) {
        var getter = module && module.__esModule ? function() {
            return module['default'];
        } : function() {
            return module;
        };
        __webpack_require__.d(getter, {
            a: getter
        });
        return getter;
    };
})();
// webpack/runtime/define_property_getters
(()=>{
    __webpack_require__.d = function(exports1, definition) {
        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
            enumerable: true,
            get: definition[key]
        });
    };
})();
// webpack/runtime/has_own_property
(()=>{
    __webpack_require__.o = function(obj, prop) {
        return Object.prototype.hasOwnProperty.call(obj, prop);
    };
})();
/************************************************************************/ var __webpack_exports__ = {};
const react_namespaceObject = require("@testing-library/react");
const user_event_namespaceObject = require("@testing-library/user-event");
var user_event_default = /*#__PURE__*/ __webpack_require__.n(user_event_namespaceObject);
const external_Popover_js_namespaceObject = require("./Popover.js");
var external_Popover_js_default = /*#__PURE__*/ __webpack_require__.n(external_Popover_js_namespaceObject);
const external_PopoverContent_js_namespaceObject = require("./PopoverContent.js");
var external_PopoverContent_js_default = /*#__PURE__*/ __webpack_require__.n(external_PopoverContent_js_namespaceObject);
const external_chakra_ui_react_namespaceObject = require("@chakra-ui/react");
describe('Popover', ()=>{
    test('should render Popover items with title and content when hovering over the trigger', async ()=>{
        const user = user_event_default().setup();
        const { getByText, getByLabelText, findByText } = (0, react_namespaceObject.render)(/*#__PURE__*/ React.createElement(external_Popover_js_default(), {
            title: "Popover title",
            content: "This is popover content"
        }, /*#__PURE__*/ React.createElement("button", null, "Trigger")));
        await user.hover(react_namespaceObject.screen.getByRole('button', {
            name: /trigger/i
        }));
        await (0, react_namespaceObject.waitFor)(()=>{
            expect(getByText(/popover title/i)).toBeVisible();
            expect(getByText(/popover content/i)).toBeVisible();
            expect(getByLabelText(/close/i)).toBeVisible();
        });
    });
    test('should render Popover items with title and content after clicking trigger', async ()=>{
        const user = user_event_default().setup();
        const { getByText, getByLabelText, findByText } = (0, react_namespaceObject.render)(/*#__PURE__*/ React.createElement(external_Popover_js_default(), {
            title: "Popover title",
            content: "This is popover content",
            trigger: "click"
        }, /*#__PURE__*/ React.createElement("button", null, "Trigger")));
        const triggerButton = await findByText(/trigger/i);
        await user.click(triggerButton);
        await (0, react_namespaceObject.waitFor)(()=>{
            expect(getByText(/popover title/i)).toBeVisible();
            expect(getByText(/popover content/i)).toBeVisible();
            expect(getByLabelText(/close/i)).toBeVisible();
        });
    });
    test('should render Popover without title and close button', async ()=>{
        const user = user_event_default().setup();
        const { getByText, getByLabelText, findByText, queryByText, queryByLabelText } = (0, react_namespaceObject.render)(/*#__PURE__*/ React.createElement(external_Popover_js_default(), {
            content: "This is popover content",
            hideCloseButton: true
        }, /*#__PURE__*/ React.createElement("button", null, "Trigger")));
        const triggerButton = await findByText(/trigger/i);
        await user.tab();
        await user.hover(triggerButton);
        await (0, react_namespaceObject.waitFor)(()=>{
            expect(getByText(/popover content/i)).toBeVisible();
            expect(queryByText(/popover title/i)).not.toBeInTheDocument();
            expect(queryByLabelText(/close/i)).not.toBeInTheDocument();
        });
    });
    test('should render Popover title and content using compound components', async ()=>{
        const user = user_event_default().setup();
        const { getByText, queryByLabelText } = (0, react_namespaceObject.render)(/*#__PURE__*/ React.createElement(external_Popover_js_default(), null, /*#__PURE__*/ React.createElement(external_chakra_ui_react_namespaceObject.PopoverTrigger, null, /*#__PURE__*/ React.createElement("button", null, "Trigger")), /*#__PURE__*/ React.createElement(external_PopoverContent_js_default(), null, /*#__PURE__*/ React.createElement(external_chakra_ui_react_namespaceObject.PopoverHeader, null, "Popover header"), /*#__PURE__*/ React.createElement(external_chakra_ui_react_namespaceObject.PopoverBody, null, "Popover body"))));
        await user.tab();
        await user.hover(react_namespaceObject.screen.getByRole('button', {
            name: /trigger/i
        }));
        await (0, react_namespaceObject.waitFor)(()=>{
            expect(getByText(/popover body/i)).toBeVisible();
            expect(getByText(/popover header/i)).toBeVisible();
            expect(queryByLabelText(/close/i)).not.toBeInTheDocument();
        });
    });
});
var __webpack_export_target__ = exports;
for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
    value: true
});
