it("className random string DropDown renders fine", () => {
  const RenderResult = render(
  <DropDown
    id="story1"
    value={undefined}
    label="label1"
    options={options}
    className="Extra"
  />
);
console.log(RenderResult.container.innerHTML);
expect(RenderResult.getByText("label1")).toBeInTheDocument();

<div class="ClickDropDown Extra" id="story1-wrapper"><label
for="story1-button" class="label">label1</label><button
id="story1-button" class="" aria-label="

it("className random string DropDown renders fine", () => {
    const RenderResult = render(
    <DropDown
    id="story1"
    value={undefined}
    label="label1"
    options={options}
    className="Extra"
    />
    );
    expect(
    RenderResult.querySelector("DropDown Extra")
    ).toBeInTheDocument();
 });