From 43efd5a723bb43602538642d076d40c1ee33b19d Mon Sep 17 00:00:00 2001
From: Navin Karkera <navin@disroot.org>
Date: Wed, 5 Jul 2023 19:06:03 +0530
Subject: [PATCH] test: update snapshot with context

---
 src/components/Footer.jsx                     |   2 +-
 src/components/Footer.test.jsx                |   9 +
 .../__snapshots__/Footer.test.jsx.snap        | 230 +++++++++++-------
 3 files changed, 152 insertions(+), 89 deletions(-)

diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 1f6955f7d0..ecc93d7fc3 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -45,7 +45,7 @@ class SiteFooter extends React.Component {
     return (
       <footer
         role="contentinfo"
-        className={`footer d-flex border-top py-3 px-4 ${config.FOOTER_CUSTOM_CLASSNAMES}`}
+        className={`footer d-flex border-top py-3 px-4 ${config.FOOTER_CUSTOM_CLASSNAMES || ''}`}
         style={config.FOOTER_CUSTOM_STYLE}
       >
         <a
diff --git a/src/components/Footer.test.jsx b/src/components/Footer.test.jsx
index ff75473f66..53eb2199bf 100644
--- a/src/components/Footer.test.jsx
+++ b/src/components/Footer.test.jsx
@@ -13,6 +13,15 @@ const FooterWithContext = ({ locale = 'es' }) => {
     config: {
       LOGO_TRADEMARK_URL: process.env.LOGO_TRADEMARK_URL,
       LMS_BASE_URL: process.env.LMS_BASE_URL,
+      FOOTER_CUSTOM_STYLE: { color: 'black' },
+      FOOTER_CUSTOM_CLASSNAMES: 'text-center',
+      FOOTER_LOGO_STYLE: { color: 'white' },
+      FOOTER_LINKS: [
+        { url: 'https://openedx.org/terms-of-use/', text: 'Terms of service' },
+        { url: 'https://openedx.org/code-of-conduct/', text: 'Code of conduct' },
+        { url: 'https://openedx.org/privacy-policy/', text: 'Privacy Policy' },
+      ],
+      FOOTER_LINKS_CLASSNAMES: 'text-dark font-weight-bold',
     },
   }), []);
 
diff --git a/src/components/__snapshots__/Footer.test.jsx.snap b/src/components/__snapshots__/Footer.test.jsx.snap
index aa388b21a7..bfb568542c 100644
--- a/src/components/__snapshots__/Footer.test.jsx.snap
+++ b/src/components/__snapshots__/Footer.test.jsx.snap
@@ -2,128 +2,182 @@
 
 exports[`<Footer /> renders correctly renders with a language selector 1`] = `
 <footer
-  className="footer d-flex border-top py-3 px-4"
+  className="footer d-flex border-top py-3 px-4 "
   role="contentinfo"
 >
-  <div
-    className="container-fluid d-flex"
+  <a
+    aria-label="edX Home"
+    className="d-block"
+    href="http://localhost:18000"
   >
-    <a
-      aria-label="edX Home"
-      className="d-block"
-      href="http://localhost:18000"
-    >
-      <img
-        alt="Powered by Open edX"
-        src="https://edx-cdn.org/v3/default/logo-trademark.svg"
-        style={
-          Object {
-            "maxHeight": 45,
-          }
+    <img
+      alt="Powered by Open edX"
+      src="https://edx-cdn.org/v3/default/logo-trademark.svg"
+      style={
+        Object {
+          "maxHeight": 45,
         }
-      />
-    </a>
-    <div
-      className="flex-grow-1"
+      }
     />
-    <form
-      className="form-inline"
-      onSubmit={[Function]}
+  </a>
+  <div
+    className="flex-grow-1"
+  />
+  <form
+    className="form-inline justify-content-center"
+    onSubmit={[Function]}
+  >
+    <div
+      className="form-group"
     >
-      <div
-        className="form-group"
+      <label
+        className="d-inline-block m-0"
+        htmlFor="site-footer-language-select"
       >
-        <label
-          className="d-inline-block m-0"
-          htmlFor="site-footer-language-select"
-        >
-          Choose Language
-        </label>
-        <select
-          className="form-control-sm mx-2"
-          defaultValue="en"
-          id="site-footer-language-select"
-          name="site-footer-language-select"
+        Choose Language
+      </label>
+      <select
+        className="form-control-sm mx-2"
+        defaultValue="en"
+        id="site-footer-language-select"
+        name="site-footer-language-select"
+      >
+        <option
+          value="en"
         >
-          <option
-            value="en"
-          >
-            English
-          </option>
-          <option
-            value="es"
-          >
-            Español
-          </option>
-        </select>
-        <button
-          className="btn btn-outline-primary btn-sm"
-          type="submit"
+          English
+        </option>
+        <option
+          value="es"
         >
-          Apply
-        </button>
-      </div>
-    </form>
-  </div>
+          Español
+        </option>
+      </select>
+      <button
+        className="btn btn-outline-primary btn-sm"
+        type="submit"
+      >
+        Apply
+      </button>
+    </div>
+  </form>
 </footer>
 `;
 
 exports[`<Footer /> renders correctly renders without a language selector 1`] = `
 <footer
-  className="footer d-flex border-top py-3 px-4"
+  className="footer d-flex border-top py-3 px-4 text-center"
   role="contentinfo"
+  style={
+    Object {
+      "color": "black",
+    }
+  }
 >
+  <a
+    aria-label="edX Home"
+    className="d-block"
+    href="http://localhost:18000"
+  >
+    <img
+      alt="Powered by Open edX"
+      src="https://edx-cdn.org/v3/default/logo-trademark.svg"
+      style={
+        Object {
+          "color": "white",
+          "maxHeight": 45,
+        }
+      }
+    />
+  </a>
   <div
-    className="container-fluid d-flex"
+    className="flex-grow-1"
+  />
+  <div
+    className="d-flex align-items-center justify-content-center"
   >
     <a
-      aria-label="edX Home"
-      className="d-block"
-      href="http://localhost:18000"
+      className="px-3 text-dark font-weight-bold"
+      href="https://openedx.org/terms-of-use/"
+      target="blank"
     >
-      <img
-        alt="Powered by Open edX"
-        src="https://edx-cdn.org/v3/default/logo-trademark.svg"
-        style={
-          Object {
-            "maxHeight": 45,
-          }
-        }
-      />
+      Terms of service
+    </a>
+    |
+    <a
+      className="px-3 text-dark font-weight-bold"
+      href="https://openedx.org/code-of-conduct/"
+      target="blank"
+    >
+      Code of conduct
+    </a>
+    |
+    <a
+      className="px-3 text-dark font-weight-bold"
+      href="https://openedx.org/privacy-policy/"
+      target="blank"
+    >
+      Privacy Policy
     </a>
-    <div
-      className="flex-grow-1"
-    />
   </div>
 </footer>
 `;
 
 exports[`<Footer /> renders correctly renders without a language selector in es 1`] = `
 <footer
-  className="footer d-flex border-top py-3 px-4"
+  className="footer d-flex border-top py-3 px-4 text-center"
   role="contentinfo"
+  style={
+    Object {
+      "color": "black",
+    }
+  }
 >
+  <a
+    aria-label="edX Home"
+    className="d-block"
+    href="http://localhost:18000"
+  >
+    <img
+      alt="Powered by Open edX"
+      src="https://edx-cdn.org/v3/default/logo-trademark.svg"
+      style={
+        Object {
+          "color": "white",
+          "maxHeight": 45,
+        }
+      }
+    />
+  </a>
+  <div
+    className="flex-grow-1"
+  />
   <div
-    className="container-fluid d-flex"
+    className="d-flex align-items-center justify-content-center"
   >
     <a
-      aria-label="edX Home"
-      className="d-block"
-      href="http://localhost:18000"
+      className="px-3 text-dark font-weight-bold"
+      href="https://openedx.org/terms-of-use/"
+      target="blank"
     >
-      <img
-        alt="Powered by Open edX"
-        src="https://edx-cdn.org/v3/default/logo-trademark.svg"
-        style={
-          Object {
-            "maxHeight": 45,
-          }
-        }
-      />
+      Terms of service
+    </a>
+    |
+    <a
+      className="px-3 text-dark font-weight-bold"
+      href="https://openedx.org/code-of-conduct/"
+      target="blank"
+    >
+      Code of conduct
+    </a>
+    |
+    <a
+      className="px-3 text-dark font-weight-bold"
+      href="https://openedx.org/privacy-policy/"
+      target="blank"
+    >
+      Privacy Policy
     </a>
-    <div
-      className="flex-grow-1"
-    />
   </div>
 </footer>
 `;