var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
import { jsx as _jsx } from "react/jsx-runtime";
import { render, screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import '@testing-library/jest-dom';
import SourcesCardBase from './SourcesCardBase';
describe('SourcesCardBase', () => {
    it('should render card correctly if one source with only a link is passed in', () => {
        render(_jsx(SourcesCardBase, { sources: [{ link: '' }] }));
        expect(screen.getByText('Source 1')).toBeTruthy();
        // no buttons or navigation when there is only 1 source
        expect(screen.queryByRole('button')).toBeFalsy();
        expect(screen.queryByText('1/1')).toBeFalsy();
    });
    it('should render card correctly if one source with a title is passed in', () => {
        render(_jsx(SourcesCardBase, { sources: [{ title: 'How to make an apple pie', link: '' }] }));
        expect(screen.getByText('How to make an apple pie')).toBeTruthy();
    });
    it('should render card correctly if one source with a body is passed in', () => {
        render(_jsx(SourcesCardBase, { sources: [{ link: '', body: 'To make an apple pie, you must first...' }] }));
        expect(screen.getByText('To make an apple pie, you must first...')).toBeTruthy();
    });
    it('should render card correctly if one source with a title and body is passed in', () => {
        render(_jsx(SourcesCardBase, { sources: [{ title: 'How to make an apple pie', link: '', body: 'To make an apple pie, you must first...' }] }));
        expect(screen.getByText('How to make an apple pie')).toBeTruthy();
        expect(screen.getByText('To make an apple pie, you must first...')).toBeTruthy();
    });
    it('should render multiple cards correctly', () => {
        render(_jsx(SourcesCardBase, { sources: [
                { title: 'How to make an apple pie', link: '' },
                { title: 'How to make cookies', link: '' }
            ] }));
        expect(screen.getByText('How to make an apple pie')).toBeTruthy();
        expect(screen.getByText('1/2')).toBeTruthy();
        screen.getByRole('button', { name: /Go to previous page/i });
        screen.getByRole('button', { name: /Go to next page/i });
    });
    it('should navigate between cards correctly', () => __awaiter(void 0, void 0, void 0, function* () {
        render(_jsx(SourcesCardBase, { sources: [
                { title: 'How to make an apple pie', link: '' },
                { title: 'How to make cookies', link: '' }
            ] }));
        expect(screen.getByText('How to make an apple pie')).toBeTruthy();
        expect(screen.getByText('1/2')).toBeTruthy();
        expect(screen.getByRole('button', { name: /Go to previous page/i })).toBeDisabled();
        yield userEvent.click(screen.getByRole('button', { name: /Go to next page/i }));
        expect(screen.queryByText('How to make an apple pie')).toBeFalsy();
        expect(screen.getByText('How to make cookies')).toBeTruthy();
        expect(screen.getByText('2/2')).toBeTruthy();
        expect(screen.getByRole('button', { name: /Go to previous page/i })).toBeEnabled();
        expect(screen.getByRole('button', { name: /Go to next page/i })).toBeDisabled();
    }));
    it('should apply className appropriately', () => {
        render(_jsx(SourcesCardBase, { sources: [
                { title: 'How to make an apple pie', link: '' },
                { title: 'How to make cookies', link: '' }
            ], className: "test" }));
        const element = screen.getByRole('navigation');
        expect(element).toHaveClass('test');
    });
    it('should disable pagination appropriately', () => {
        render(_jsx(SourcesCardBase, { sources: [
                { title: 'How to make an apple pie', link: '' },
                { title: 'How to make cookies', link: '' }
            ], isDisabled: true }));
        expect(screen.getByRole('button', { name: /Go to previous page/i })).toBeDisabled();
        expect(screen.getByRole('button', { name: /Go to next page/i })).toBeDisabled();
    });
    it('should render navigation aria label appropriately', () => {
        render(_jsx(SourcesCardBase, { sources: [
                { title: 'How to make an apple pie', link: '' },
                { title: 'How to make cookies', link: '' }
            ] }));
        expect(screen.getByRole('navigation', { name: /Pagination/i })).toBeTruthy();
    });
    it('should change paginationAriaLabel appropriately', () => {
        render(_jsx(SourcesCardBase, { sources: [
                { title: 'How to make an apple pie', link: '' },
                { title: 'How to make cookies', link: '' }
            ], paginationAriaLabel: "Navegaci\u00F3n" }));
        expect(screen.getByRole('navigation', { name: /Navegación/i })).toBeTruthy();
    });
    it('should change toNextPageAriaLabel appropriately', () => {
        render(_jsx(SourcesCardBase, { sources: [
                { title: 'How to make an apple pie', link: '' },
                { title: 'How to make cookies', link: '' }
            ], toNextPageAriaLabel: "Pase a la siguiente p\u00E1gina" }));
        expect(screen.getByRole('button', { name: /Pase a la siguiente página/i })).toBeTruthy();
    });
    it('should change toPreviousPageAriaLabel appropriately', () => {
        render(_jsx(SourcesCardBase, { sources: [
                { title: 'How to make an apple pie', link: '' },
                { title: 'How to make cookies', link: '' }
            ], toPreviousPageAriaLabel: "Presione para regresar a la p\u00E1gina anterior" }));
        expect(screen.getByRole('button', { name: /Presione para regresar a la página anterior/i })).toBeTruthy();
    });
    it('should call onNextClick appropriately', () => __awaiter(void 0, void 0, void 0, function* () {
        const spy = jest.fn();
        render(_jsx(SourcesCardBase, { sources: [
                { title: 'How to make an apple pie', link: '' },
                { title: 'How to make cookies', link: '' }
            ], onNextClick: spy }));
        yield userEvent.click(screen.getByRole('button', { name: /Go to next page/i }));
        expect(spy).toHaveBeenCalled();
    }));
    it('should call onPreviousClick appropriately', () => __awaiter(void 0, void 0, void 0, function* () {
        const spy = jest.fn();
        render(_jsx(SourcesCardBase, { sources: [
                { title: 'How to make an apple pie', link: '' },
                { title: 'How to make cookies', link: '' }
            ], onPreviousClick: spy }));
        yield userEvent.click(screen.getByRole('button', { name: /Go to next page/i }));
        yield userEvent.click(screen.getByRole('button', { name: /Go to previous page/i }));
        expect(spy).toHaveBeenCalled();
    }));
    it('should call onSetPage appropriately', () => __awaiter(void 0, void 0, void 0, function* () {
        const spy = jest.fn();
        render(_jsx(SourcesCardBase, { sources: [
                { title: 'How to make an apple pie', link: '' },
                { title: 'How to make cookies', link: '' }
            ], onSetPage: spy }));
        yield userEvent.click(screen.getByRole('button', { name: /Go to next page/i }));
        expect(spy).toHaveBeenCalledTimes(1);
        yield userEvent.click(screen.getByRole('button', { name: /Go to previous page/i }));
        expect(spy).toHaveBeenCalledTimes(2);
    }));
    it('should handle showMore appropriately', () => __awaiter(void 0, void 0, void 0, function* () {
        render(_jsx(SourcesCardBase, { sources: [
                {
                    title: 'Getting started with Red Hat OpenShift',
                    link: '#',
                    body: 'Red Hat OpenShift on IBM Cloud is a managed offering to create your own cluster of compute hosts where you can deploy and manage containerized apps on IBM Cloud ...',
                    hasShowMore: true
                },
                {
                    title: 'Azure Red Hat OpenShift documentation',
                    link: '#',
                    body: 'Microsoft Azure Red Hat OpenShift allows you to deploy a production ready Red Hat OpenShift cluster in Azure ...'
                },
                {
                    title: 'OKD Documentation: Home',
                    link: '#',
                    body: 'OKD is a distribution of Kubernetes optimized for continuous application development and multi-tenant deployment. OKD also serves as the upstream code base upon ...'
                }
            ] }));
        expect(screen.getByRole('region')).toHaveAttribute('class', 'pf-v6-c-expandable-section__content');
    }));
    it('should call onClick appropriately', () => __awaiter(void 0, void 0, void 0, function* () {
        const spy = jest.fn();
        render(_jsx(SourcesCardBase, { sources: [{ title: 'How to make an apple pie', link: '', onClick: spy }] }));
        yield userEvent.click(screen.getByRole('link', { name: /How to make an apple pie/i }));
        expect(spy).toHaveBeenCalled();
    }));
    it('should apply titleProps appropriately', () => {
        render(_jsx(SourcesCardBase, { sources: [{ title: 'How to make an apple pie', link: '', titleProps: { className: 'test' } }] }));
        expect(screen.getByRole('link', { name: /How to make an apple pie/i })).toHaveClass('test');
    });
});
