"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("@testing-library/react");
require("@testing-library/jest-dom");
const ToolResponse_1 = __importDefault(require("./ToolResponse"));
describe('ToolResponse', () => {
    const defaultProps = {
        toggleContent: 'Tool response: toolName',
        cardTitle: 'Title',
        cardBody: 'Body'
    };
    it('should render with required props only', () => {
        (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps)));
        expect(react_1.screen.getByText('Title')).toBeTruthy();
        expect(react_1.screen.getByText('Body')).toBeTruthy();
        expect(react_1.screen.getByText('Tool response: toolName')).toBeTruthy();
    });
    it('should render subheading when provided', () => {
        const subheading = 'Tool execution result';
        (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps, { subheading: subheading })));
        expect(react_1.screen.getByText(subheading)).toBeTruthy();
    });
    it('should render body content when provided', () => {
        const body = 'This is the tool response body content';
        (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps, { body: body })));
        expect(react_1.screen.getByText(body)).toBeTruthy();
    });
    it('should render with complex content including React elements', () => {
        const body = ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: "Complex body content" }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "Item 1" }), (0, jsx_runtime_1.jsx)("li", { children: "Item 2" })] })] }));
        const cardTitle = (0, jsx_runtime_1.jsx)("strong", { children: "API Response" });
        const cardBody = ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("code", { children: "{ status: 'success' }" }) }));
        (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps, { body: body, cardTitle: cardTitle, cardBody: cardBody })));
        expect(react_1.screen.getByText('Complex body content')).toBeTruthy();
        expect(react_1.screen.getByText('Item 1')).toBeTruthy();
        expect(react_1.screen.getByText('Item 2')).toBeTruthy();
        expect(react_1.screen.getByText('API Response')).toBeTruthy();
        expect(react_1.screen.getByText("{ status: 'success' }")).toBeTruthy();
    });
    it('should apply custom className from cardProps', () => {
        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps, { cardProps: { className: 'custom-tool-response-class' } })));
        expect(container.querySelector('.custom-tool-response-class')).toBeTruthy();
    });
    it('should pass through expandableSectionProps', () => {
        (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps, { expandableSectionProps: { className: 'custom-expandable-class' } })));
        expect(document.querySelector('.custom-expandable-class')).toBeTruthy();
    });
    it('should pass through toolResponseCardProps', () => {
        (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps, { toolResponseCardProps: { className: 'custom-card-class' } })));
        expect(document.querySelector('.custom-card-class')).toBeTruthy();
    });
    it('should not render subheading span when subheading is not provided', () => {
        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps)));
        const subheadingContainer = container.querySelector('.pf-chatbot__tool-response-subheading');
        expect(subheadingContainer).toBeFalsy();
    });
    it('should not render card when cardTitle and cardBody are not provided', () => {
        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps, { cardTitle: undefined, cardBody: undefined })));
        expect(container.querySelector('.pf-chatbot__tool-response-card')).toBeFalsy();
    });
    it('should render card when only cardTitle is provided', () => {
        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps, { cardBody: undefined })));
        expect(container.querySelector('.pf-chatbot__tool-response-card')).toBeTruthy();
    });
    it('should render card when only cardBody is provided', () => {
        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps, { cardTitle: undefined })));
        expect(container.querySelector('.pf-chatbot__tool-response-card')).toBeTruthy();
    });
    it('should render divider when cardBody and cardTitle are provided', () => {
        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps)));
        expect(container.querySelector('.pf-v6-c-divider')).toBeTruthy();
    });
    it('should not render divider when only cardBody is provided', () => {
        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps, { cardTitle: undefined })));
        expect(container.querySelector('.pf-v6-c-divider')).toBeFalsy();
    });
    it('should not render divider when only cardTitle is provided', () => {
        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(ToolResponse_1.default, Object.assign({}, defaultProps, { cardBody: undefined })));
        expect(container.querySelector('.pf-v6-c-divider')).toBeFalsy();
    });
});
