{"size": 807, "ext": "js", "max_stars_repo_path": "src/__tests__/Container.test.js", "max_stars_repo_name": "dngst/bright-events", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/__tests__/Container.test.js", "max_issues_repo_name": "dngst/bright-events", "max_issues_repo_issues_event_min_datetime": "2022-02-12T17:05:16.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-26T07:01:54.000Z", "max_forks_repo_path": "src/__tests__/Container.test.js", "max_forks_repo_name": "dngst/brightevents", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 3, "max_forks_count": null, "avg_line_length": 35.0869565217, "max_line_length": 71, "alphanum_fraction": 0.6802973978}
import { render } from "@testing-library/react";
import Container from "components/container/Container";

it("works", () => {
  const { container } = render(<Container />);
  expect(container.firstChild).toMatchSnapshot();
});

it("applies default styles", () => {
  const { container } = render(<Container />);
  expect(container.firstChild).toHaveStyleRule("text-align", "center");
  expect(container.firstChild).toHaveStyleRule("margin", "7% auto");
  expect(container.firstChild).toHaveStyleRule("width", "55%");
  expect(container.firstChild).toHaveStyleRule("width", "95%", {
    media: "(max-width: 768px)",
  });
});

it("applies default styles according to passed props", () => {
  const { container } = render(<Container md />);
  expect(container.firstChild).toHaveStyleRule("width", "30%");
});
