From eb16402b620feab694d25684f7d03dfd5fe8f2eb Mon Sep 17 00:00:00 2001
From: hinakhadim <hina.khadim@arbisoft.com>
Date: Thu, 15 Aug 2024 10:57:40 +0500
Subject: [PATCH] fix: update test snapshots

---
 src/ThemeToggleButton.jsx              |   1 +
 src/__snapshots__/Header.test.jsx.snap | 160 +++++++++++++++++++++++++
 2 files changed, 161 insertions(+)

diff --git a/src/ThemeToggleButton.jsx b/src/ThemeToggleButton.jsx
index 3015f768e..862e4d01e 100644
--- a/src/ThemeToggleButton.jsx
+++ b/src/ThemeToggleButton.jsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { getConfig } from '@edx/frontend-platform';
 import Cookies from 'universal-cookie';
 
diff --git a/src/__snapshots__/Header.test.jsx.snap b/src/__snapshots__/Header.test.jsx.snap
index c34c5706e..eb320bef2 100644
--- a/src/__snapshots__/Header.test.jsx.snap
+++ b/src/__snapshots__/Header.test.jsx.snap
@@ -42,6 +42,46 @@ exports[`<Header /> renders correctly for anonymous desktop 1`] = `
         aria-label="Secondary"
         className="nav secondary-menu-container align-items-center ml-auto"
       >
+        <div
+          className="theme-toggle-button"
+        >
+          <span
+            id="darkmode"
+            onClick={[Function]}
+            onKeyDown={[Function]}
+            role="button"
+            tabIndex="0"
+          >
+            <div
+              className="darkmode_icon"
+            >
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+            </div>
+          </span>
+        </div>
         <a
           className="btn mr-2 btn-link"
           href="http://localhost:18000/login"
@@ -143,6 +183,46 @@ exports[`<Header /> renders correctly for anonymous mobile 1`] = `
       />
     </a>
   </div>
+  <div
+    className="theme-toggle-button"
+  >
+    <span
+      id="darkmode"
+      onClick={[Function]}
+      onKeyDown={[Function]}
+      role="button"
+      tabIndex="0"
+    >
+      <div
+        className="darkmode_icon"
+      >
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+      </div>
+    </span>
+  </div>
   <div
     className="mobile-menu"
   >
@@ -225,6 +305,46 @@ exports[`<Header /> renders correctly for authenticated desktop 1`] = `
         aria-label="Secondary"
         className="nav secondary-menu-container align-items-center ml-auto"
       >
+        <div
+          className="theme-toggle-button"
+        >
+          <span
+            id="darkmode"
+            onClick={[Function]}
+            onKeyDown={[Function]}
+            role="button"
+            tabIndex="0"
+          >
+            <div
+              className="darkmode_icon"
+            >
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+              <span
+                className="ray"
+              />
+            </div>
+          </span>
+        </div>
         <div
           className="menu null"
           onKeyDown={[Function]}
@@ -376,6 +496,46 @@ exports[`<Header /> renders correctly for authenticated mobile 1`] = `
       />
     </a>
   </div>
+  <div
+    className="theme-toggle-button"
+  >
+    <span
+      id="darkmode"
+      onClick={[Function]}
+      onKeyDown={[Function]}
+      role="button"
+      tabIndex="0"
+    >
+      <div
+        className="darkmode_icon"
+      >
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+        <span
+          className="ray"
+        />
+      </div>
+    </span>
+  </div>
   <div
     className="mobile-menu"
   >