import * as sass from "sass";

describe("Icon styles", () => {
  it("keeps pictogram sizes fixed across breakpoints", () => {
    const { css } = sass.compile("src/components/Icon/styles/style.scss");

    expect(css).toMatch(
      /\.icon--pictogram\.icon--xlarge \{\s+--icon-size: 3rem;\s+\}/,
    );
    expect(css.match(/\.icon--pictogram\.icon--xlarge/g)).toHaveLength(1);
  });
});