import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
import * as __WEBPACK_EXTERNAL_MODULE__testing_library_react__ from "@testing-library/react";
import * as __WEBPACK_EXTERNAL_MODULE__Section_SectionSubheading_mjs__ from "../Section/SectionSubheading.mjs";
import * as __WEBPACK_EXTERNAL_MODULE_react_router_dom__ from "react-router-dom";
import * as __WEBPACK_EXTERNAL_MODULE__Steps_mjs__ from "./Steps.mjs";
describe('Steps', ()=>{
    test('should render step items', ()=>{
        (0, __WEBPACK_EXTERNAL_MODULE__testing_library_react__.render)(/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_react_router_dom__.BrowserRouter, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Steps_mjs__["default"], {
            currentIndex: 1,
            isTextVisible: true,
            items: [
                {
                    name: 'Provision'
                },
                {
                    name: 'Configure'
                },
                {
                    name: 'Advanced'
                },
                {
                    name: 'Deploy'
                }
            ]
        })));
        const step1 = __WEBPACK_EXTERNAL_MODULE__testing_library_react__.screen.queryByText('Provision');
        const step2 = __WEBPACK_EXTERNAL_MODULE__testing_library_react__.screen.queryByText('Configure');
        const step3 = __WEBPACK_EXTERNAL_MODULE__testing_library_react__.screen.queryByText('Advanced');
        const step4 = __WEBPACK_EXTERNAL_MODULE__testing_library_react__.screen.queryByText('Deploy');
        expect(step1).toBeVisible();
        expect(step2).toBeVisible();
        expect(step3).toBeVisible();
        expect(step4).toBeVisible();
    });
    test('should render items with name/description as ReactNode', ()=>{
        (0, __WEBPACK_EXTERNAL_MODULE__testing_library_react__.render)(/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_react_router_dom__.BrowserRouter, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Steps_mjs__["default"], {
            currentIndex: 1,
            isTextVisible: true,
            items: [
                {
                    name: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Heading, {
                        as: "h1"
                    }, "Provision")
                },
                {
                    name: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Section_SectionSubheading_mjs__["default"], null, "Configure")
                },
                {
                    name: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, null, "Advanced")
                },
                {
                    name: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.chakra.span, null, "Deploy")
                }
            ]
        })));
        const step1 = __WEBPACK_EXTERNAL_MODULE__testing_library_react__.screen.queryByText('Provision');
        const step2 = __WEBPACK_EXTERNAL_MODULE__testing_library_react__.screen.queryByText('Configure');
        const step3 = __WEBPACK_EXTERNAL_MODULE__testing_library_react__.screen.queryByText('Advanced');
        const step4 = __WEBPACK_EXTERNAL_MODULE__testing_library_react__.screen.queryByText('Deploy');
        expect(step1).toBeVisible();
        expect(step2).toBeVisible();
        expect(step3).toBeVisible();
        expect(step4).toBeVisible();
    });
});
