foreman-tasks 0.15.1 → 0.15.2

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/StoppedTasksCard/StoppedTasksCard.test.js

@@ -0,0 +1,48 @@
+import { testComponentSnapshotsWithFixtures } from 'react-redux-test-utils';
+import {
+  TASKS_DASHBOARD_AVAILABLE_TIMES,
+  TASKS_DASHBOARD_AVAILABLE_QUERY_STATES,
+  TASKS_DASHBOARD_AVAILABLE_QUERY_MODES,
+  TASKS_DASHBOARD_AVAILABLE_QUERY_RESULTS,
+} from '../../../../TasksDashboardConstants';
+import StoppedTasksCard from './StoppedTasksCard';
+
+const { STOPPED } = TASKS_DASHBOARD_AVAILABLE_QUERY_STATES;
+const { LAST } = TASKS_DASHBOARD_AVAILABLE_QUERY_MODES;
+const { WEEK } = TASKS_DASHBOARD_AVAILABLE_TIMES;
+
+const fixtures = {
+  'render with minimal props': {},
+  'render with props': {
+    data: {
+      error: { total: 9, last: 1 },
+      warning: { total: 8, last: 2 },
+      success: { total: 7, last: 3 },
+    },
+    time: WEEK,
+  },
+  'render selected': {
+    query: { state: STOPPED },
+  },
+};
+
+Object.values(TASKS_DASHBOARD_AVAILABLE_QUERY_RESULTS).forEach(result => {
+  fixtures[`render ${result}-total selected`] = {
+    query: {
+      state: STOPPED,
+      result,
+    },
+  };
+  fixtures[`render ${result}-last selected`] = {
+    time: WEEK,
+    query: {
+      state: STOPPED,
+      result,
+      mode: LAST,
+      time: WEEK,
+    },
+  };
+});
+
+describe('StoppedTasksCard', () =>
+  testComponentSnapshotsWithFixtures(StoppedTasksCard, fixtures));

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/StoppedTasksCard/StoppedTasksCardHelper.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { capitalize } from 'lodash';
+import classNames from 'classnames';
+import { Icon } from 'patternfly-react';
+import {
+  TASKS_DASHBOARD_AVAILABLE_QUERY_STATES,
+  TASKS_DASHBOARD_AVAILABLE_QUERY_MODES,
+} from '../../../../TasksDashboardConstants';
+
+const resultIcons = {
+  error: <Icon type="pf" name="error-circle-o" />,
+  warning: <Icon type="pf" name="warning-triangle-o" />,
+  success: <Icon type="pf" name="ok" />,
+};
+
+export const StoppedTable = (data, query, time, updateQuery) =>
+  Object.entries(data).map(([result, { total, last }]) => {
+    const { STOPPED } = TASKS_DASHBOARD_AVAILABLE_QUERY_STATES;
+    const { LAST } = TASKS_DASHBOARD_AVAILABLE_QUERY_MODES;
+    const { state, mode } = query;
+
+    const active = state === STOPPED && query.result === result;
+    const activeTotal = active && mode !== LAST;
+    const activeLast = active && mode === LAST && query.time === time;
+    const notFocusedTotal =
+      state && !(state === STOPPED && !query.result) && !activeTotal;
+    const notFocusedLast =
+      state && !(state === STOPPED && !query.result) && !activeLast;
+
+    return (
+      <tr key={result}>
+        <td>
+          {resultIcons[result]}
+          {capitalize(result)}
+        </td>
+        <td
+          className={classNames('data-col', {
+            active: active && mode !== LAST,
+            'not-focused': notFocusedTotal,
+          })}
+          onClick={() => updateQuery({ state: STOPPED, result })}
+        >
+          {total}
+        </td>
+        <td
+          className={classNames('data-col', {
+            active: activeLast,
+            'not-focused': notFocusedLast,
+          })}
+          onClick={() =>
+            updateQuery({
+              state: STOPPED,
+              result,
+              mode: LAST,
+              time,
+            })
+          }
+        >
+          {last}
+        </td>
+      </tr>
+    );
+  });

data/webpack/ForemanTasks/Components/TasksDashboard/Components/TasksCardsGrid/Components/StoppedTasksCard/__snapshots__/StoppedTasksCard.test.js.snap

@@ -0,0 +1,973 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StoppedTasksCard render error-last selected 1`] = `
+<Card
+  accented={false}
+  aggregated={false}
+  aggregatedMini={false}
+  cardRef={null}
+  className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  matchHeight={false}
+>
+  <CardTitle
+    className=""
+    onClick={[Function]}
+  >
+    Stopped
+  </CardTitle>
+  <CardBody
+    className=""
+  >
+    <table
+      className="table table-bordered table-striped stopped-table"
+    >
+      <thead>
+        <tr>
+          <th />
+          <th>
+            Total
+          </th>
+          <th>
+            week
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr
+          key="error"
+        >
+          <td>
+            <Icon
+              name="error-circle-o"
+              type="pf"
+            />
+            Error
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col active"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="warning"
+        >
+          <td>
+            <Icon
+              name="warning-triangle-o"
+              type="pf"
+            />
+            Warning
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="success"
+        >
+          <td>
+            <Icon
+              name="ok"
+              type="pf"
+            />
+            Success
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </CardBody>
+</Card>
+`;
+
+exports[`StoppedTasksCard render error-total selected 1`] = `
+<Card
+  accented={false}
+  aggregated={false}
+  aggregatedMini={false}
+  cardRef={null}
+  className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  matchHeight={false}
+>
+  <CardTitle
+    className=""
+    onClick={[Function]}
+  >
+    Stopped
+  </CardTitle>
+  <CardBody
+    className=""
+  >
+    <table
+      className="table table-bordered table-striped stopped-table"
+    >
+      <thead>
+        <tr>
+          <th />
+          <th>
+            Total
+          </th>
+          <th>
+            24h
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr
+          key="error"
+        >
+          <td>
+            <Icon
+              name="error-circle-o"
+              type="pf"
+            />
+            Error
+          </td>
+          <td
+            className="data-col active"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="warning"
+        >
+          <td>
+            <Icon
+              name="warning-triangle-o"
+              type="pf"
+            />
+            Warning
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="success"
+        >
+          <td>
+            <Icon
+              name="ok"
+              type="pf"
+            />
+            Success
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </CardBody>
+</Card>
+`;
+
+exports[`StoppedTasksCard render selected 1`] = `
+<Card
+  accented={false}
+  aggregated={false}
+  aggregatedMini={false}
+  cardRef={null}
+  className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  matchHeight={false}
+>
+  <CardTitle
+    className=""
+    onClick={[Function]}
+  >
+    Stopped
+  </CardTitle>
+  <CardBody
+    className=""
+  >
+    <table
+      className="table table-bordered table-striped stopped-table"
+    >
+      <thead>
+        <tr>
+          <th />
+          <th>
+            Total
+          </th>
+          <th>
+            24h
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr
+          key="error"
+        >
+          <td>
+            <Icon
+              name="error-circle-o"
+              type="pf"
+            />
+            Error
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="warning"
+        >
+          <td>
+            <Icon
+              name="warning-triangle-o"
+              type="pf"
+            />
+            Warning
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="success"
+        >
+          <td>
+            <Icon
+              name="ok"
+              type="pf"
+            />
+            Success
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </CardBody>
+</Card>
+`;
+
+exports[`StoppedTasksCard render success-last selected 1`] = `
+<Card
+  accented={false}
+  aggregated={false}
+  aggregatedMini={false}
+  cardRef={null}
+  className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  matchHeight={false}
+>
+  <CardTitle
+    className=""
+    onClick={[Function]}
+  >
+    Stopped
+  </CardTitle>
+  <CardBody
+    className=""
+  >
+    <table
+      className="table table-bordered table-striped stopped-table"
+    >
+      <thead>
+        <tr>
+          <th />
+          <th>
+            Total
+          </th>
+          <th>
+            week
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr
+          key="error"
+        >
+          <td>
+            <Icon
+              name="error-circle-o"
+              type="pf"
+            />
+            Error
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="warning"
+        >
+          <td>
+            <Icon
+              name="warning-triangle-o"
+              type="pf"
+            />
+            Warning
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="success"
+        >
+          <td>
+            <Icon
+              name="ok"
+              type="pf"
+            />
+            Success
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col active"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </CardBody>
+</Card>
+`;
+
+exports[`StoppedTasksCard render success-total selected 1`] = `
+<Card
+  accented={false}
+  aggregated={false}
+  aggregatedMini={false}
+  cardRef={null}
+  className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  matchHeight={false}
+>
+  <CardTitle
+    className=""
+    onClick={[Function]}
+  >
+    Stopped
+  </CardTitle>
+  <CardBody
+    className=""
+  >
+    <table
+      className="table table-bordered table-striped stopped-table"
+    >
+      <thead>
+        <tr>
+          <th />
+          <th>
+            Total
+          </th>
+          <th>
+            24h
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr
+          key="error"
+        >
+          <td>
+            <Icon
+              name="error-circle-o"
+              type="pf"
+            />
+            Error
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="warning"
+        >
+          <td>
+            <Icon
+              name="warning-triangle-o"
+              type="pf"
+            />
+            Warning
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="success"
+        >
+          <td>
+            <Icon
+              name="ok"
+              type="pf"
+            />
+            Success
+          </td>
+          <td
+            className="data-col active"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </CardBody>
+</Card>
+`;
+
+exports[`StoppedTasksCard render warning-last selected 1`] = `
+<Card
+  accented={false}
+  aggregated={false}
+  aggregatedMini={false}
+  cardRef={null}
+  className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  matchHeight={false}
+>
+  <CardTitle
+    className=""
+    onClick={[Function]}
+  >
+    Stopped
+  </CardTitle>
+  <CardBody
+    className=""
+  >
+    <table
+      className="table table-bordered table-striped stopped-table"
+    >
+      <thead>
+        <tr>
+          <th />
+          <th>
+            Total
+          </th>
+          <th>
+            week
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr
+          key="error"
+        >
+          <td>
+            <Icon
+              name="error-circle-o"
+              type="pf"
+            />
+            Error
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="warning"
+        >
+          <td>
+            <Icon
+              name="warning-triangle-o"
+              type="pf"
+            />
+            Warning
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col active"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="success"
+        >
+          <td>
+            <Icon
+              name="ok"
+              type="pf"
+            />
+            Success
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </CardBody>
+</Card>
+`;
+
+exports[`StoppedTasksCard render warning-total selected 1`] = `
+<Card
+  accented={false}
+  aggregated={false}
+  aggregatedMini={false}
+  cardRef={null}
+  className="tasks-donut-card stopped-tasks-card selected-tasks-card"
+  matchHeight={false}
+>
+  <CardTitle
+    className=""
+    onClick={[Function]}
+  >
+    Stopped
+  </CardTitle>
+  <CardBody
+    className=""
+  >
+    <table
+      className="table table-bordered table-striped stopped-table"
+    >
+      <thead>
+        <tr>
+          <th />
+          <th>
+            Total
+          </th>
+          <th>
+            24h
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr
+          key="error"
+        >
+          <td>
+            <Icon
+              name="error-circle-o"
+              type="pf"
+            />
+            Error
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="warning"
+        >
+          <td>
+            <Icon
+              name="warning-triangle-o"
+              type="pf"
+            />
+            Warning
+          </td>
+          <td
+            className="data-col active"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="success"
+        >
+          <td>
+            <Icon
+              name="ok"
+              type="pf"
+            />
+            Success
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col not-focused"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </CardBody>
+</Card>
+`;
+
+exports[`StoppedTasksCard render with minimal props 1`] = `
+<Card
+  accented={false}
+  aggregated={false}
+  aggregatedMini={false}
+  cardRef={null}
+  className="tasks-donut-card stopped-tasks-card"
+  matchHeight={false}
+>
+  <CardTitle
+    className=""
+    onClick={[Function]}
+  >
+    Stopped
+  </CardTitle>
+  <CardBody
+    className=""
+  >
+    <table
+      className="table table-bordered table-striped stopped-table"
+    >
+      <thead>
+        <tr>
+          <th />
+          <th>
+            Total
+          </th>
+          <th>
+            24h
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr
+          key="error"
+        >
+          <td>
+            <Icon
+              name="error-circle-o"
+              type="pf"
+            />
+            Error
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="warning"
+        >
+          <td>
+            <Icon
+              name="warning-triangle-o"
+              type="pf"
+            />
+            Warning
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+        <tr
+          key="success"
+        >
+          <td>
+            <Icon
+              name="ok"
+              type="pf"
+            />
+            Success
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            0
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            0
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </CardBody>
+</Card>
+`;
+
+exports[`StoppedTasksCard render with props 1`] = `
+<Card
+  accented={false}
+  aggregated={false}
+  aggregatedMini={false}
+  cardRef={null}
+  className="tasks-donut-card stopped-tasks-card"
+  matchHeight={false}
+>
+  <CardTitle
+    className=""
+    onClick={[Function]}
+  >
+    Stopped
+  </CardTitle>
+  <CardBody
+    className=""
+  >
+    <table
+      className="table table-bordered table-striped stopped-table"
+    >
+      <thead>
+        <tr>
+          <th />
+          <th>
+            Total
+          </th>
+          <th>
+            week
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr
+          key="error"
+        >
+          <td>
+            <Icon
+              name="error-circle-o"
+              type="pf"
+            />
+            Error
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            9
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            1
+          </td>
+        </tr>
+        <tr
+          key="warning"
+        >
+          <td>
+            <Icon
+              name="warning-triangle-o"
+              type="pf"
+            />
+            Warning
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            8
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            2
+          </td>
+        </tr>
+        <tr
+          key="success"
+        >
+          <td>
+            <Icon
+              name="ok"
+              type="pf"
+            />
+            Success
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            7
+          </td>
+          <td
+            className="data-col"
+            onClick={[Function]}
+          >
+            3
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </CardBody>
+</Card>
+`;