test(retain-old-grading-data-option): repo_browser_manual_collection_…

…form

app/assets/javascripts/Components/__tests__/collect_submissions_modal.test.jsx

@@ -5,7 +5,6 @@ import Modal from "react-modal";
 
 describe("CollectSubmissionsModal", () => {
   let props;
-  let component;
 
   beforeEach(() => {
     props = {
@@ -17,7 +16,7 @@ describe("CollectSubmissionsModal", () => {
 
     // Set the app element for React Modal
     Modal.setAppElement("body");
-    component = render(<CollectSubmissionsModal {...props} />);
+    render(<CollectSubmissionsModal {...props} />);
   });
 
   it("should display the option to recollect old submissions unchecked by default", () => {

app/assets/javascripts/Components/__tests__/repo_browser_manual_collection_form.test.jsx

@@ -0,0 +1,40 @@
+import * as React from "react";
+import {render, screen} from "@testing-library/react";
+import {ManualCollectionForm} from "../repo_browser";
+
+describe("RepoBrowser's ManualCollectionForm", () => {
+  let props, component;
+
+  beforeEach(() => {
+    props = {
+      course_id: 1,
+      assignment_id: 2,
+      late_penalty: false,
+      grouping_id: 1,
+      revision_identifier: "test",
+      collected_revision_id: "test",
+    };
+
+    // Set the app element for React Modal
+    component = render(<ManualCollectionForm {...props} />);
+  });
+
+  it("shows the option to retain existing grading when there is a collected revision present", () => {
+    const lblRecollectExistingSubmissions = screen.getByTestId("lbl_retain_existing_grading");
+    const chkRecollectExistingSubmissions = screen.getByTestId("chk_retain_existing_grading");
+
+    expect(lblRecollectExistingSubmissions).toBeInTheDocument();
+    expect(chkRecollectExistingSubmissions).toBeInTheDocument();
+  });
+
+  it("does not show the option to retain existing grading when there is a not collected revision present", () => {
+    props.collected_revision_id = "";
+    component.rerender(<ManualCollectionForm {...props} />);
+
+    const lblRecollectExistingSubmissions = screen.queryByTestId("lbl_retain_existing_grading");
+    const chkRecollectExistingSubmissions = screen.queryByTestId("chk_retain_existing_grading");
+
+    expect(lblRecollectExistingSubmissions).not.toBeInTheDocument();
+    expect(chkRecollectExistingSubmissions).not.toBeInTheDocument();
+  });
+});

app/assets/javascripts/Components/repo_browser.jsx

@@ -181,12 +181,15 @@ class ManualCollectionForm extends React.Component {
               <input
                 type="checkbox"
                 name="retain_existing_grading"
+                data-testid="chk_retain_existing_grading"
                 checked={this.state.retainExistingGrading}
                 onChange={e => {
                   this.setState({retainExistingGrading: e.target.checked});
                 }}
               />
-              <label>{I18n.t("submissions.collect.retain_existing_grading")}</label>
+              <label data-testid="lbl_retain_existing_grading">
+                {I18n.t("submissions.collect.retain_existing_grading")}
+              </label>
             </div>
           )}
           <button
@@ -215,3 +218,5 @@ class ManualCollectionForm extends React.Component {
 export function makeRepoBrowser(elem, props) {
   render(<RepoBrowser {...props} />, elem);
 }
+
+export {ManualCollectionForm};

jest.config.js

@@ -60,7 +60,9 @@ module.exports = {
   // globalTeardown: undefined,
 
   // A set of global variables that need to be available in all test environments
-  // globals: {},
+  globals: {
+    AUTH_TOKEN: "test_auth_token",
+  },
 
   // The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
   // maxWorkers: "50%",