import { expect } from "chai";
import { loadFixture } from "../../../astro/test/test-utils.js";
import mdx from "../dist/index.js";

const FIXTURE_ROOT = new URL(
  "./fixtures/invalid-mdx-component/",
  import.meta.url,
);

describe("MDX component with runtime error", () => {
  let fixture;

  before(async () => {
    fixture = await loadFixture({
      root: FIXTURE_ROOT,
      integrations: [mdx()],
    });
  });

  describe("build", () => {
    /** @type {Error | null} */
    let error;

    before(async () => {
      error = null;
      try {
        await fixture.build();
      } catch (e) {
        error = e;
      }
    });

    it("Throws the right error", async () => {
      expect(error).to.exist;
      expect(error?.hint).to.match(
        /This issue often occurs when your MDX component encounters runtime errors/,
      );
    });
  });
});