packages/integrations/mdx/test/invalid-mdx-component.test.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

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/,
      );
    });
  });
});