foreman-tasks 0.16.0 → 0.16.1

data/webpack/ForemanTasks/Components/TaskDetails/__tests__/TaskDetailsReducer.test.js

@@ -0,0 +1,33 @@
+import { testReducerSnapshotWithFixtures } from 'react-redux-test-utils';
+
+import {
+  FOREMAN_TASK_DETAILS_FETCH_TASK_SUCCESS,
+  FOREMAN_TASK_DETAILS_STOP_POLLING,
+  FOREMAN_TASK_DETAILS_START_POLLING,
+} from '../TaskDetailsConstants';
+import reducer from '../TaskDetailsReducer';
+
+const fixtures = {
+  'should return the initial state': {},
+  'should handle FOREMAN_TASK_DETAILS_START_POLLING': {
+    action: {
+      type: FOREMAN_TASK_DETAILS_START_POLLING,
+      payload: { timeoutId: 1 },
+    },
+  },
+  'should handle FOREMAN_TASK_DETAILS_STOP_POLLING': {
+    action: {
+      type: FOREMAN_TASK_DETAILS_STOP_POLLING,
+      payload: { timeoutId: 1 },
+    },
+  },
+  'should handle FOREMAN_TASK_DETAILS_FETCH_TASK_SUCCESS': {
+    action: {
+      type: FOREMAN_TASK_DETAILS_FETCH_TASK_SUCCESS,
+      payload: { data: 'some-payload' },
+    },
+  },
+};
+
+describe('TaskDetails - Reducer', () =>
+  testReducerSnapshotWithFixtures(reducer, fixtures));

data/webpack/ForemanTasks/Components/TaskDetails/__tests__/__snapshots__/TaskDetails.test.js.snap

@@ -0,0 +1,97 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TaskDetails rendering render without Props 1`] = `
+<div
+  className="task-details-react well"
+>
+  <Uncontrolled(Tabs)
+    animation={false}
+    defaultActiveKey={1}
+    id="task-details-tabs"
+  >
+    <Tab
+      eventKey={1}
+      title="Task"
+    >
+      <Task
+        action=""
+        allowDangerousActions={false}
+        cancellable={false}
+        endedAt=""
+        error={Array []}
+        executionPlan={Object {}}
+        externalId=""
+        failedSteps={Array []}
+        fetchTaskDetails={[Function]}
+        hasSubTasks={false}
+        help=""
+        id=""
+        input={Array []}
+        label=""
+        locks={Array []}
+        output={Object {}}
+        parentTask=""
+        progress={0}
+        refetchTaskDetails={[Function]}
+        result="error"
+        resumable={false}
+        runningSteps={Array []}
+        showForceUnlockModal={false}
+        showUnlockModal={false}
+        startAt=""
+        startBefore=""
+        startedAt=""
+        state=""
+        taskReload={false}
+        taskReloadStart={[Function]}
+        taskReloadStop={[Function]}
+        timeoutId={null}
+        toggleForceUnlockModal={[Function]}
+        toggleUnlockModal={[Function]}
+        username=""
+        usernamePath=""
+      />
+    </Tab>
+    <Tab
+      eventKey={2}
+      title="Running Steps"
+    >
+      <RunningSteps
+        executionPlan={Object {}}
+        runningSteps={Array []}
+      />
+    </Tab>
+    <Tab
+      eventKey={3}
+      title="Errors"
+    >
+      <Errors
+        executionPlan={Object {}}
+        failedSteps={Array []}
+      />
+    </Tab>
+    <Tab
+      eventKey={4}
+      title="Locks"
+    >
+      <Locks
+        locks={Array []}
+      />
+    </Tab>
+    <Tab
+      eventKey={5}
+      title="Raw"
+    >
+      <Raw
+        endedAt=""
+        externalId=""
+        id=""
+        input={Array []}
+        label=""
+        output={Object {}}
+        startedAt=""
+      />
+    </Tab>
+  </Uncontrolled(Tabs)>
+</div>
+`;

data/webpack/ForemanTasks/Components/TaskDetails/__tests__/__snapshots__/TaskDetailsActions.test.js.snap

@@ -0,0 +1,43 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TaskDetails - Actions should fetch-task-details and success 1`] = `
+Array [
+  Array [
+    Object {
+      "type": "FOREMAN_TASK_DETAILS_FETCH_TASK_REQUEST",
+    },
+  ],
+  Array [
+    Object {
+      "payload": "some-data",
+      "type": "FOREMAN_TASK_DETAILS_FETCH_TASK_SUCCESS",
+    },
+  ],
+  Array [
+    Object {
+      "payload": Object {
+        "timeoutId": 7,
+      },
+      "type": "FOREMAN_TASK_DETAILS_START_POLLING",
+    },
+  ],
+]
+`;
+
+exports[`TaskDetails - Actions should start reload 1`] = `
+Object {
+  "payload": Object {
+    "timeoutId": 1,
+  },
+  "type": "FOREMAN_TASK_DETAILS_START_POLLING",
+}
+`;
+
+exports[`TaskDetails - Actions should stop reload 1`] = `
+Object {
+  "payload": Object {
+    "timeoutId": 2,
+  },
+  "type": "FOREMAN_TASK_DETAILS_STOP_POLLING",
+}
+`;

data/webpack/ForemanTasks/Components/TaskDetails/__tests__/__snapshots__/TaskDetailsReducer.test.js.snap

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TaskDetails - Reducer should handle FOREMAN_TASK_DETAILS_FETCH_TASK_SUCCESS 1`] = `
+Object {
+  "data": "some-payload",
+  "loading": false,
+  "taskReload": undefined,
+  "timeoutId": undefined,
+}
+`;
+
+exports[`TaskDetails - Reducer should handle FOREMAN_TASK_DETAILS_START_POLLING 1`] = `
+Object {
+  "taskReload": true,
+  "timeoutId": 1,
+}
+`;
+
+exports[`TaskDetails - Reducer should handle FOREMAN_TASK_DETAILS_STOP_POLLING 1`] = `
+Object {
+  "taskReload": false,
+  "timeoutId": null,
+}
+`;
+
+exports[`TaskDetails - Reducer should return the initial state 1`] = `Object {}`;

data/webpack/ForemanTasks/Components/TaskDetails/__tests__/__snapshots__/integration.test.js.snap

@@ -0,0 +1,122 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TaskDetails integration test should change the data after reload: task details data should change 1`] = `
+Object {
+  "action": Array [
+    Array [
+      Object {
+        "payload": Object {
+          "timeoutId": 1,
+        },
+        "type": "FOREMAN_TASK_DETAILS_START_POLLING",
+      },
+    ],
+  ],
+  "state": Object {
+    "taskDetails": Object {
+      "label": "new-label",
+      "loading": false,
+      "taskReload": true,
+      "timeoutId": 1,
+    },
+  },
+}
+`;
+
+exports[`TaskDetails integration test should change the data after reload: task details reload start without error 1`] = `
+Array [
+  Array [
+    Object {
+      "type": "FOREMAN_TASK_DETAILS_FETCH_TASK_REQUEST",
+    },
+  ],
+  Array [
+    Object {
+      "payload": Object {
+        "timeoutId": 1,
+      },
+      "type": "FOREMAN_TASK_DETAILS_START_POLLING",
+    },
+  ],
+  Array [
+    Object {
+      "payload": Object {
+        "label": "new-label",
+      },
+      "type": "FOREMAN_TASK_DETAILS_FETCH_TASK_SUCCESS",
+    },
+  ],
+  Array [
+    Object {
+      "payload": Object {
+        "timeoutId": 1,
+      },
+      "type": "FOREMAN_TASK_DETAILS_START_POLLING",
+    },
+  ],
+]
+`;
+
+exports[`TaskDetails integration test should flow: initial state 1`] = `
+Object {
+  "taskDetails": Object {
+    "loading": true,
+  },
+}
+`;
+
+exports[`TaskDetails integration test should flow: task details reload start with error 1`] = `
+Array [
+  Array [
+    Object {
+      "type": "FOREMAN_TASK_DETAILS_FETCH_TASK_REQUEST",
+    },
+  ],
+  Array [
+    Object {
+      "payload": Object {
+        "timeoutId": 1,
+      },
+      "type": "FOREMAN_TASK_DETAILS_START_POLLING",
+    },
+  ],
+  Array [
+    Object {
+      "payload": [TypeError: Cannot read property 'data' of undefined],
+      "type": "FOREMAN_TASK_DETAILS_FETCH_TASK_FAILURE",
+    },
+  ],
+]
+`;
+
+exports[`TaskDetails integration test should flow: task details reload stop 1`] = `
+Array [
+  Array [
+    Object {
+      "type": "FOREMAN_TASK_DETAILS_FETCH_TASK_REQUEST",
+    },
+  ],
+  Array [
+    Object {
+      "payload": Object {
+        "timeoutId": 1,
+      },
+      "type": "FOREMAN_TASK_DETAILS_START_POLLING",
+    },
+  ],
+  Array [
+    Object {
+      "payload": [TypeError: Cannot read property 'data' of undefined],
+      "type": "FOREMAN_TASK_DETAILS_FETCH_TASK_FAILURE",
+    },
+  ],
+  Array [
+    Object {
+      "payload": Object {
+        "timeoutId": 1,
+      },
+      "type": "FOREMAN_TASK_DETAILS_STOP_POLLING",
+    },
+  ],
+]
+`;

data/webpack/ForemanTasks/Components/TaskDetails/__tests__/integration.test.js

@@ -0,0 +1,63 @@
+import React from 'react';
+
+import API from 'foremanReact/API';
+import { IntegrationTestHelper } from 'react-redux-test-utils';
+
+import TaskDetails, { reducers } from '../index';
+import { selectForemanTasks } from '../../../ForemanTasksSelectors';
+
+jest.mock('../../../ForemanTasksSelectors');
+jest.mock('foremanReact/API');
+selectForemanTasks.mockImplementation(state => state);
+describe('TaskDetails integration test', () => {
+  beforeEach(() => {
+    jest.useFakeTimers();
+    const expectedIntervalId = 1;
+    jest.useFakeTimers();
+    setInterval.mockImplementation(() => expectedIntervalId);
+  });
+  it('should flow', async () => {
+    window.location.reload = jest.fn();
+
+    API.get.mockImplementationOnce();
+    const integrationTestHelper = new IntegrationTestHelper(reducers);
+
+    const component = integrationTestHelper.mount(<TaskDetails id="test" />);
+    integrationTestHelper.takeStoreSnapshot('initial state');
+
+    const reloadButton = component.find('.reload-button').at(0);
+    reloadButton.simulate('click');
+    await IntegrationTestHelper.flushAllPromises();
+
+    integrationTestHelper.takeActionsSnapshot(
+      'task details reload start with error'
+    );
+
+    reloadButton.simulate('click');
+    await IntegrationTestHelper.flushAllPromises();
+    jest.advanceTimersByTime(1);
+    integrationTestHelper.takeActionsSnapshot('task details reload stop');
+    jest.useRealTimers();
+  });
+
+  it('should change the data after reload', async () => {
+    API.get.mockImplementationOnce(() => ({
+      data: { label: 'new-label' },
+    }));
+    const integrationTestHelper = new IntegrationTestHelper(reducers);
+
+    const component = integrationTestHelper.mount(<TaskDetails id="test" />);
+
+    const reloadButton = component.find('.reload-button').at(0);
+    reloadButton.simulate('click');
+
+    await IntegrationTestHelper.flushAllPromises();
+    integrationTestHelper.takeActionsSnapshot(
+      'task details reload start without error'
+    );
+    integrationTestHelper.takeStoreAndLastActionSnapshot(
+      'task details data should change'
+    );
+    jest.useRealTimers();
+  });
+});

data/webpack/ForemanTasks/Components/TaskDetails/index.js

@@ -0,0 +1,77 @@
+import { bindActionCreators } from 'redux';
+import { connect } from 'react-redux';
+import TaskDetails from './TaskDetails';
+import * as actions from './TaskDetailsActions';
+import reducer from './TaskDetailsReducer';
+import {
+  selectEndedAt,
+  selectStartAt,
+  selectStartBefore,
+  selectStartedAt,
+  selectLocks,
+  selectInput,
+  selectOutput,
+  selectResumable,
+  selectCancellable,
+  selectHelp,
+  selectErrors,
+  selectProgress,
+  selectUsername,
+  selectLabel,
+  selectExecutionPlan,
+  selectFailedSteps,
+  selectRunningSteps,
+  selectHasSubTasks,
+  selectAllowDangerousActions,
+  selectUsernamePath,
+  selectAction,
+  selectState,
+  selectResult,
+  selectTimeoutId,
+  selectTaskReload,
+  selectParentTask,
+  selectShowUnlockModal,
+  selectShowForceUnlockModal,
+  selectExternalId,
+} from './TaskDetailsSelectors';
+
+const mapStateToProps = state => ({
+  startAt: selectStartAt(state),
+  startBefore: selectStartBefore(state),
+  startedAt: selectStartedAt(state),
+  endedAt: selectEndedAt(state),
+  input: selectInput(state),
+  output: selectOutput(state),
+  resumable: selectResumable(state),
+  cancellable: selectCancellable(state),
+  errors: selectErrors(state),
+  progress: selectProgress(state),
+  username: selectUsername(state),
+  label: selectLabel(state),
+  executionPlan: selectExecutionPlan(state),
+  failedSteps: selectFailedSteps(state),
+  runningSteps: selectRunningSteps(state),
+  help: selectHelp(state),
+  hasSubTasks: selectHasSubTasks(state),
+  allowDangerousActions: selectAllowDangerousActions(state),
+  locks: selectLocks(state),
+  usernamePath: selectUsernamePath(state),
+  action: selectAction(state),
+  state: selectState(state),
+  result: selectResult(state),
+  timeoutId: selectTimeoutId(state),
+  taskReload: selectTaskReload(state),
+  parentTask: selectParentTask(state),
+  showUnlockModal: selectShowUnlockModal(state),
+  showForceUnlockModal: selectShowForceUnlockModal(state),
+  externalId: selectExternalId(state),
+});
+
+const mapDispatchToProps = dispatch => bindActionCreators(actions, dispatch);
+
+export const reducers = { taskDetails: reducer };
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(TaskDetails);