Fix js tests

Author: vtm9

apps/codebattle/assets/js/__tests__/UserSettings.test.jsx

@@ -27,6 +27,7 @@ jest.mock("react-bootstrap/Alert", () => ({
 
 jest.mock("../i18n", () => ({
   __esModule: true,
+  getLocale: jest.fn(() => "en"),
   getSupportedLocale: jest.fn((locale) => (["en", "ru"].includes(locale) ? locale : "en")),
   default: {
     t: jest.fn((key) => key),

apps/codebattle/assets/js/widgets/utils/useTimer.js

@@ -3,22 +3,32 @@ import { useState, useEffect } from "react";
 import moment from "moment";
 
 function useTimer(time) {
-  const [duration, setDuration] = useState(moment().format("HH:mm:ss"));
-  const [seconds, setSeconds] = useState(moment().seconds());
+  const [duration, setDuration] = useState("00:00:00");
+  const [seconds, setSeconds] = useState(0);
 
   const updateTimer = () => {
-    if (seconds >= 0) {
-      const diff = moment.utc(moment.utc(time).local().diff(moment()));
+    const targetTime = moment.isMoment(time)
+      ? time.clone()
+      : moment.utc(time, moment.ISO_8601, true);
 
-      setDuration(diff.format("HH:mm:ss"));
-      setSeconds(moment.duration(diff).asSeconds());
+    if (!targetTime.isValid()) {
+      setDuration("00:00:00");
+      setSeconds(0);
+      return;
     }
+
+    const diffMs = Math.max(targetTime.local().diff(moment()), 0);
+    const diff = moment.utc(diffMs);
+
+    setDuration(diff.format("HH:mm:ss"));
+    setSeconds(moment.duration(diffMs).asSeconds());
   };
 
   useEffect(() => {
+    updateTimer();
     const interval = setInterval(updateTimer, 77);
     return () => clearInterval(interval);
-  });
+  }, [time]);
 
   return [duration, seconds];
 }