"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const react_2 = require("@testing-library/react");
const index_1 = __importDefault(require("./index"));
describe('Badge Components', () => {
    const testId = 'notification-component-test-id';
    test('Dot type의 컴포넌트가 디자인 의도에 맞게 잘 그려집니다', () => {
        (0, react_2.render)(react_1.default.createElement(index_1.default, { type: "dot", testId: testId }));
        expect(react_2.screen.getByTestId(testId)).toHaveStyle({
            width: '5px',
            height: '5px',
            borderRadius: '50%',
        });
    });
    test('New type의 컴포넌트가 디자인 의도에 맞게 잘 그려집니다', () => {
        (0, react_2.render)(react_1.default.createElement(index_1.default, { type: "new-short" }));
        expect(react_2.screen.getByText(`N`)).toBeInTheDocument();
    });
    test('Number type의 컴포넌트가 잘 그려집니다- number 값이 1보다 작으면 그려지지 않음', () => {
        (0, react_2.render)(react_1.default.createElement(index_1.default, { type: "dot", testId: testId }));
        expect(react_2.screen.queryByTestId(testId)).toBeEmptyDOMElement();
    });
    test('Number type의 컴포넌트가 잘 그려집니다- number 값이 1이상이면 숫자 나타남', () => {
        (0, react_2.render)(react_1.default.createElement(index_1.default, { type: "number", value: 1 }));
        expect(react_2.screen.getByText(`1`)).toBeInTheDocument();
    });
    test('Number type의 컴포넌트가 잘 그려집니다- umber 값이 10이상이면 9+로 표시됨', () => {
        (0, react_2.render)(react_1.default.createElement(index_1.default, { type: "number", value: 10 }));
        expect(react_2.screen.getByText(`9+`)).toBeInTheDocument();
    });
});
