Add tests for EventPicker progress bar

tnoodle-ui/src/main/components/EventPicker.jsx

@@ -208,7 +208,7 @@ const EventPicker = connect(
             }
 
             return (
-                <ProgressBar animated fade variant={
+                <ProgressBar animated variant={
                     progress === 100
                         ? "success"
                         : "info"

tnoodle-ui/src/test/EventPicker.test.js

@@ -14,7 +14,11 @@ import { events } from "./mock/tnoodle.api.mock";
 
 import { defaultWcif } from "../main/constants/default.wcif";
 
-import { updateEditingStatus } from "../main/redux/ActionCreators";
+import {
+    updateEditingStatus,
+    updateScramblingProgressTarget,
+    updateGeneratingScrambles
+} from "../main/redux/ActionCreators";
 
 let container = null;
 beforeEach(() => {
@@ -138,3 +142,34 @@ it("Editing disabled", () => {
     // Copies must be editable anyways
     expect(copies.disabled).toBe(false);
 });
+
+it("Progress Bar showing/hiding", () => {
+    const store = createStore(Reducer);
+
+    const event = events[0];
+    const wcifEvent = defaultWcif.events[0]; // This is one round of 333
+
+    // Enforce that fields are not disabled
+    store.dispatch(updateEditingStatus(true));
+
+    // Render component
+    act(() => {
+        render(
+            <Provider store={store}>
+                <EventPicker event={event} wcifEvent={wcifEvent} />
+            </Provider>,
+            container
+        );
+    });
+
+    const progressBefore = Array.from(container.querySelectorAll("div.progress"));
+
+    expect(progressBefore.length).toBe(0);
+
+    store.dispatch(updateScramblingProgressTarget({[event.id]:3}));
+    store.dispatch(updateGeneratingScrambles(true));
+
+    const progressAfter = Array.from(container.querySelectorAll("div.progress"));
+
+    expect(progressAfter.length).toBe(1);
+});