import { jsx } from "react/jsx-runtime";
import React from "react";
import { render } from "@testing-library/react";
import tokens from "@gympass/yoga-tokens";
import theme from "../../theme";
import GlobalStyle from "./GlobalStyle";
import ThemeProvider from "./ThemeProvider";
import expectCSSMatches from "./expectCssMatches";
const { baseFont } = theme(tokens);
describe("GlobalStyle component", () => {
  it("Should use standard font in the body", () => {
    render(
      /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(GlobalStyle, {}) })
    );
    expectCSSMatches(
      `body {
        font-family: "${baseFont.family}";
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }`
    );
  });
});
