import path from "path";
import sass from "sass";

describe("Autocomplete styles", () => {
  it("keeps autocomplete menu inside local stacking context", () => {
    const result = sass.compile(
      path.resolve(
        process.cwd(),
        "src/components/Forms/Autocomplete/styles/style.scss",
      ),
    );

    expect(result.css).toContain(".autocomplete__wrapper");
    expect(result.css).toContain("isolation: isolate;");
    expect(result.css).toContain("z-index: 0;");
    expect(result.css).toContain(":has(.autocomplete__menu--visible)");
    expect(result.css).toContain("z-index: 2;");
    expect(result.css).toContain(".autocomplete__menu");
    expect(result.css).toContain("z-index: 1;");
    expect(result.css).toContain(".autocomplete__option::before");
    expect(result.css).toContain("z-index: 2;");
  });
});