add comments to task bundle widget (#1587)

src/components/TaskAnalysisTable/TaskAnalysisTable.js

@@ -82,7 +82,7 @@ const DEFAULT_COLUMNS = ["featureId", "id", "status", "priority", "controls", "c
  *
  * @author [Neil Rotstan](https://github.com/nrotstan)
  */
-export class TaskAnalysisTable extends Component {
+export class TaskAnalysisTableInternal extends Component {
   state = {
     openComments: null,
     showConfigureColumns: false,
@@ -682,7 +682,7 @@ const setupColumnTypes = (props, taskBaseRoute, manager, data, openComments) =>
   return columns
 }
 
-TaskAnalysisTable.propTypes = {
+TaskAnalysisTableInternal.propTypes = {
   /** The tasks to display */
   taskInfo: PropTypes.shape({
     challengeId: PropTypes.number,
@@ -701,7 +701,7 @@ TaskAnalysisTable.propTypes = {
 
 export default injectIntl(
   WithConfigurableColumns(
-    TaskAnalysisTable,
+    TaskAnalysisTableInternal,
     ALL_COLUMNS,
     DEFAULT_COLUMNS,
     messages

src/components/TaskAnalysisTable/TaskAnalysisTable.test.js

@@ -0,0 +1,38 @@
+import "@testing-library/jest-dom";
+import * as React from "react";
+import { IntlProvider } from "react-intl";
+import { render, fireEvent, screen, waitFor } from "@testing-library/react";
+import { TaskAnalysisTableInternal as TaskAnalysisTable } from "./TaskAnalysisTable";
+
+jest.mock(
+  "../../components/KeywordAutosuggestInput/InTableTagFilter",
+  () => ({})
+);
+jest.mock("./TaskAnalysisTableHeader", () => () => <div>Header</div>);
+jest.mock("../ViewTask/ViewTask", () => () => <div>ViewTask</div>);
+
+describe("TaskAnalysisTable", () => {
+  it("doesn't break if given some basic props", () => {
+    const { getByText, debug } = render(
+      <IntlProvider locale="en">
+        <TaskAnalysisTable
+          selectedTasks={{}}
+          toggleTaskSelection={() => null}
+          showColumns={[
+            "selected",
+            "featureId",
+            "id",
+            "status",
+            "priority",
+            "comments",
+          ]}
+          intl={{ formatMessage: () => null }}
+          getUserAppSetting={() => null}
+          selectedTaskCount={() => null}
+        />
+      </IntlProvider>
+    );
+    const text = getByText("Header");
+    expect(text).toBeInTheDocument();
+  });
+});

src/components/Widgets/TaskBundleWidget/TaskBundleWidget.js

@@ -347,7 +347,7 @@ const BuildBundle = props => {
           taskData={_get(props, 'taskInfo.tasks')}
           totalTaskCount={totalTaskCount}
           totalTasksInChallenge={ calculateTasksInChallenge(props) }
-          showColumns={['selected', 'featureId', 'id', 'status', 'priority']}
+          showColumns={['selected', 'featureId', 'id', 'status', 'priority', 'comments']}
           taskSelectionStatuses={[TaskStatus.created, TaskStatus.skipped, TaskStatus.tooHard]}
           taskSelectionReviewStatuses={[]}
           customHeaderControls={bundleButton}