Wire up Home Open Graph test check, and Layout super nav links tests

.eslintrc.json

@@ -6,13 +6,21 @@
     "prettier"
   ],
   "overrides": [
-    // Only uses Testing Library lint rules in test files
+    // // Only uses Testing Library lint rules in test files
+    // {
+    //   "files": [
+    //     "**/__tests__/**/*.[jt]s?(x)",
+    //     "**/?(*.)+(spec|test).[jt]s?(x)"
+    //   ],
+    //   "extends": ["plugin:testing-library/react"]
+    // },
+
+    // Overrides for Playwright tests
     {
-      "files": [
-        "**/__tests__/**/*.[jt]s?(x)",
-        "**/?(*.)+(spec|test).[jt]s?(x)"
-      ],
-      "extends": ["plugin:testing-library/react"]
+      "files": ["tests/**/*.[jt]s?(x)"],
+      "rules": {
+        "testing-library/prefer-screen-queries": "off"
+      }
     }
   ],
   "rules": {

components/Header/Super.tsx

@@ -5,6 +5,7 @@ import {
   Super,
   User,
 } from "@/components/Header/Header.styled";
+
 import Container from "../Shared/Container";
 import { DCAPI_ENDPOINT } from "@/lib/constants/endpoints";
 import Link from "next/link";

components/Nav/Nav.tsx

@@ -6,7 +6,7 @@ interface NavProps {
 }
 
 const Nav: React.FC<NavProps> = ({ children }) => {
-  return <NavStyled>{children}</NavStyled>;
+  return <NavStyled data-testid="super-nav">{children}</NavStyled>;
 };
 
 export default Nav;

components/Shared/SVG/Northwestern.tsx

@@ -13,6 +13,7 @@ const NorthwesternWordmark: React.FC = () => (
   <svg
     version="1.1"
     id="nortwestern-wordmark"
+    data-testid="northwestern-logo"
     xmlns="http://www.w3.org/2000/svg"
     xmlnsXlink="http://www.w3.org/1999/xlink"
     x="0px"