import React from "react";
import { renderToStaticMarkup } from "react-dom/server";
import { describe, expect, it } from "vitest";
import { OrderEditorPanel } from "./OrderEditorPanel";

describe("OrderEditorPanel", () => {
  it("renders single-column fields and sticky mobile action bar", () => {
    const markup = renderToStaticMarkup(
      <OrderEditorPanel
        currentUser={{ id: "u-manager", name: "Анна", role: "manager" }}
        selectedOrder={null}
        onCreateOrder={() => {}}
        onSaveOrder={() => {}}
        createOnly
      />,
    );

    expect(markup).toContain("grid gap-3 md:grid-cols-2");
    expect(markup).toContain("sticky bottom-0");
    expect(markup).toContain("pb-24");
  });
});