import { composeStories } from "@storybook/react"
import { screen, within } from "@testing-library/react"
import React from "react"
import { expect, describe, test } from "vitest"
import { render } from "../../../tests/render"
import * as stories from "./Sidebar.stories"

const { Default } = composeStories(stories)

describe("<Sidebar />", () => {
  test("Default", () => {
    render(<Default />)

    const navigation = screen.getByRole("navigation")
    expect(within(navigation).getByText("Discover")).toBeVisible()
  })
})