mirror of
https://github.com/coder/coder.git
synced 2025-07-12 00:14:10 +00:00
d8e530e1ec
This refactoring re-organizes the `site` folder to have a nested `src` folder. Originally, [we wanted to keep the directory structure shallow](https://github.com/coder/coder/pull/8#issuecomment-1009578910) - but there were two points that motivated this change to introduce the `src` level. 1. We have several non-`src` folders now (`e2e`, `static`, `html_templates`, `.storybook`) 2. Having a `src` folder makes it easier to run XState Typegen So given those two data points - I believe it makes sense to revisit that and introduce a `src` folder.
59 lines
1.7 KiB
TypeScript
59 lines
1.7 KiB
TypeScript
import { fireEvent, render, screen } from "@testing-library/react"
|
|
import React from "react"
|
|
import { SplitButton, SplitButtonProps } from "./SplitButton"
|
|
|
|
namespace Helpers {
|
|
export type SplitButtonOptions = "a" | "b" | "c"
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/no-unused-vars
|
|
export const callback = (selectedOption: SplitButtonOptions): void => {}
|
|
|
|
export const options: SplitButtonProps<SplitButtonOptions>["options"] = [
|
|
{
|
|
label: "test a",
|
|
value: "a",
|
|
},
|
|
{
|
|
label: "test b",
|
|
value: "b",
|
|
},
|
|
{
|
|
label: "test c",
|
|
value: "c",
|
|
},
|
|
]
|
|
}
|
|
|
|
describe("SplitButton", () => {
|
|
describe("onClick", () => {
|
|
it("is called when primary action is clicked", () => {
|
|
// Given
|
|
const mockedAndSpyedCallback = jest.fn(Helpers.callback)
|
|
|
|
// When
|
|
render(<SplitButton onClick={mockedAndSpyedCallback} options={Helpers.options} />)
|
|
fireEvent.click(screen.getByText("test a"))
|
|
|
|
// Then
|
|
expect(mockedAndSpyedCallback.mock.calls.length).toBe(1)
|
|
expect(mockedAndSpyedCallback.mock.calls[0][0]).toBe("a")
|
|
})
|
|
|
|
it("is called when clicking option in pop-up", () => {
|
|
// Given
|
|
const mockedAndSpyedCallback = jest.fn(Helpers.callback)
|
|
|
|
// When
|
|
render(<SplitButton onClick={mockedAndSpyedCallback} options={Helpers.options} />)
|
|
const buttons = screen.getAllByRole("button")
|
|
const dropdownButton = buttons[1]
|
|
fireEvent.click(dropdownButton)
|
|
fireEvent.click(screen.getByText("test c"))
|
|
|
|
// Then
|
|
expect(mockedAndSpyedCallback.mock.calls.length).toBe(1)
|
|
expect(mockedAndSpyedCallback.mock.calls[0][0]).toBe("c")
|
|
})
|
|
})
|
|
})
|