// import React from "react";
// import { render, screen, fireEvent } from "../../utils";
// import Header from "./AppHeader";

// describe("Given  a Header component", () => {
//   describe("When the component is rendered", () => {
//     test("should be a header thml tag", () => {
//       render(<Header />);
//       expect(screen.getByTestId("header-tag")).toBeInTheDocument();
//     });
//     test("Then should be SocialGnomes text", () => {
//       render(<Header />);
//       expect(screen.getByText(/SocialGnomes/)).toBeInTheDocument();
//     });
//   });
// });
