foreman_statistics 0.1.0 → 1.1.0

data/webpack/src/Components/StatisticsChartsList/StatisticsChartsList.test.js

@@ -0,0 +1,18 @@
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+
+import StatisticsChartsList from './';
+import { statisticsData } from './StatisticsChartsList.fixtures';
+
+const fixtures = {
+  'should render no panels for empty data': {
+    data: {},
+  },
+  'should render two panels for fixtures data': {
+    data: statisticsData,
+  },
+};
+
+describe('StatisticsChartsList', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(StatisticsChartsList, fixtures));
+});

data/webpack/src/Components/StatisticsChartsList/StatisticsChartsListStyles.scss

@@ -0,0 +1,28 @@
+.statistics-charts-list-root {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  padding-top: 20px;
+  .chart-box {
+    height: 312px;
+    width: 280px;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    min-height: 312px;
+
+    .card-pf-heading {
+      -ms-flex: 0 0 30px;
+      flex: 0 0 30px;
+    }
+
+    .card-pf-body {
+      display: -ms-flexbox;
+      display: flex;
+      -ms-flex: 1;
+      flex: 1;
+      margin: 0;
+    }
+  }
+}

data/webpack/src/Components/StatisticsChartsList/__snapshots__/StatisticsChartsList.test.js.snap

@@ -0,0 +1,42 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StatisticsChartsList rendering should render no panels for empty data 1`] = `
+<div
+  className="statistics-charts-list-root cards-pf"
+/>
+`;
+
+exports[`StatisticsChartsList rendering should render two panels for fixtures data 1`] = `
+<div
+  className="statistics-charts-list-root cards-pf"
+>
+  <ConnectedChartBox
+    chart={
+      Object {
+        "id": "operatingsystem",
+        "search": "/hosts?search=os_title=~VAL~",
+        "title": "OS Distribution",
+        "url": "statistics/operatingsystem",
+      }
+    }
+    key="operatingsystem"
+    noDataMsg="No data available"
+    tip="Expand the chart"
+    type="donut"
+  />
+  <ConnectedChartBox
+    chart={
+      Object {
+        "id": "architecture",
+        "search": "/hosts?search=facts.architecture=~VAL~",
+        "title": "Architecture Distribution",
+        "url": "statistics/architecture",
+      }
+    }
+    key="architecture"
+    noDataMsg="No data available"
+    tip="Expand the chart"
+    type="donut"
+  />
+</div>
+`;

data/webpack/src/Components/StatisticsChartsList/index.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { translate as __ } from 'foremanReact/common/I18n';
+import ConnectedChartBox from 'foremanReact/components/ChartBox';
+import './StatisticsChartsListStyles.scss';
+
+const StatisticsChartsList = ({ data }) => {
+  const chartBoxes = Object.values(data).map(chart => (
+    <ConnectedChartBox
+      key={chart.id}
+      type="donut"
+      chart={chart}
+      noDataMsg={__('No data available')}
+      tip={__('Expand the chart')}
+    />
+  ));
+
+  return (
+    <div className="statistics-charts-list-root cards-pf">{chartBoxes}</div>
+  );
+};
+
+StatisticsChartsList.propTypes = {
+  data: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+};
+
+StatisticsChartsList.defaultProps = {
+  data: [],
+};
+
+export default StatisticsChartsList;

data/webpack/src/ForemanStatistics.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BrowserRouter } from 'react-router-dom';
+import ForemanStatisticsRoute from './Router';
+
+const ForemanStatistics = () => (
+  <BrowserRouter>
+    <ForemanStatisticsRoute />
+  </BrowserRouter>
+);
+
+export default ForemanStatistics;

data/webpack/src/Router/StatisticsPage/Statistics/Statistics.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withRenderHandler } from 'foremanReact/common/HOC';
+import { translate as __ } from 'foremanReact/common/I18n';
+import { EmptyStatePattern } from 'foremanReact/components/common/EmptyState';
+import StatisticsChartsList from '../../../Components/StatisticsChartsList';
+
+const Statistics = ({ statisticsMeta }) => {
+  if (!statisticsMeta) {
+    return (
+      <EmptyStatePattern
+        icon="info"
+        header={__('No Charts To Load')}
+        description=""
+      />
+    );
+  }
+  return <StatisticsChartsList data={statisticsMeta} />;
+};
+
+Statistics.propTypes = {
+  statisticsMeta: PropTypes.array.isRequired,
+};
+
+export default withRenderHandler({
+  Component: Statistics,
+});

data/webpack/src/Router/StatisticsPage/StatisticsPage.fixtures.js

@@ -0,0 +1,11 @@
+import { noop } from 'foremanReact/common/helpers';
+import { statisticsMeta } from '../../Components/StatisticsChartsList/StatisticsChartsList.fixtures';
+
+export const statisticsProps = {
+  statisticsMeta,
+  isLoading: false,
+  hasData: true,
+  hasError: false,
+  message: {},
+  getStatisticsMeta: noop,
+};

data/webpack/src/Router/StatisticsPage/StatisticsPage.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+import PageLayout from 'foremanReact/routes/common/PageLayout/PageLayout';
+import Statistics from './Statistics/Statistics';
+
+const StatisticsPage = ({ statisticsMeta, ...props }) => (
+  <PageLayout header={__('Statistics')} searchable={false}>
+    <Statistics statisticsMeta={statisticsMeta} {...props} />
+  </PageLayout>
+);
+
+StatisticsPage.propTypes = {
+  statisticsMeta: PropTypes.array,
+};
+
+StatisticsPage.defaultProps = {
+  statisticsMeta: [],
+};
+
+export default StatisticsPage;

data/webpack/src/Router/StatisticsPage/StatisticsPageActions.js

@@ -0,0 +1,43 @@
+import API from 'foremanReact/API';
+
+import {
+  STATISTICS_PAGE_DATA_RESOLVED,
+  STATISTICS_PAGE_DATA_FAILED,
+  STATISTICS_PAGE_HIDE_LOADING,
+  STATISTICS_PAGE_URL,
+} from './constants';
+
+export const getStatisticsMeta = (
+  url = STATISTICS_PAGE_URL
+) => async dispatch => {
+  const onFetchSuccess = ({ data }) => {
+    dispatch(hideLoading());
+    dispatch({
+      type: STATISTICS_PAGE_DATA_RESOLVED,
+      payload: { metadata: data.charts, hasData: data.charts.length > 0 },
+    });
+  };
+
+  const onFetchError = ({ message }) => {
+    dispatch(hideLoading());
+    dispatch({
+      type: STATISTICS_PAGE_DATA_FAILED,
+      payload: {
+        message: {
+          type: 'error',
+          text: message,
+        },
+      },
+    });
+  };
+  try {
+    const response = await API.get(url);
+    return onFetchSuccess(response);
+  } catch (error) {
+    return onFetchError(error);
+  }
+};
+
+const hideLoading = () => ({
+  type: STATISTICS_PAGE_HIDE_LOADING,
+});

data/webpack/src/Router/StatisticsPage/StatisticsPageSelectors.js

@@ -0,0 +1,13 @@
+export const selectStatisticsPage = state =>
+  state.foremanStatistics.statisticsPage;
+
+export const selectStatisticsMetadata = state =>
+  selectStatisticsPage(state).metadata;
+export const selectStatisticsIsLoading = state =>
+  selectStatisticsPage(state).isLoading;
+export const selectStatisticsMessage = state =>
+  selectStatisticsPage(state).message;
+export const selectStatisticsHasError = state =>
+  selectStatisticsPage(state).hasError;
+export const selectStatisticsHasMetadata = state =>
+  selectStatisticsPage(state).hasData;

data/webpack/src/Router/StatisticsPage/__tests__/StatisticsPage.test.js

@@ -0,0 +1,12 @@
+import { testComponentSnapshotsWithFixtures } from '@theforeman/test';
+import { statisticsProps } from '../StatisticsPage.fixtures';
+import StatisticsPage from '../StatisticsPage';
+
+const fixtures = {
+  'render with props': statisticsProps,
+};
+
+describe('StatisticsPage', () => {
+  describe('rendering', () =>
+    testComponentSnapshotsWithFixtures(StatisticsPage, fixtures));
+});

data/webpack/src/Router/StatisticsPage/__tests__/StatisticsPageActions.test.js

@@ -0,0 +1,27 @@
+import API from 'foremanReact/API';
+
+import { testActionSnapshotWithFixtures } from '@theforeman/test';
+import { getStatisticsMeta } from '../StatisticsPageActions';
+import { statisticsProps } from '../StatisticsPage.fixtures';
+
+jest.mock('foremanReact/API');
+
+const runStatisticsAction = (callback, props, serverMock) => {
+  API.get.mockImplementation(serverMock);
+
+  return callback(props);
+};
+
+const fixtures = {
+  'should fetch statisticsMeta': () =>
+    runStatisticsAction(getStatisticsMeta, {}, async () => ({
+      data: { charts: statisticsProps.statisticsMeta },
+    })),
+  'should fetch statisticsMeta and fail': () =>
+    runStatisticsAction(getStatisticsMeta, {}, async () => {
+      throw new Error('some-error');
+    }),
+};
+
+describe('StatisticsPage actions', () =>
+  testActionSnapshotWithFixtures(fixtures));

data/webpack/src/Router/StatisticsPage/__tests__/StatisticsPageSelectors.test.js

@@ -0,0 +1,34 @@
+import { testSelectorsSnapshotWithFixtures } from '@theforeman/test';
+import {
+  selectStatisticsPage,
+  selectStatisticsMetadata,
+  selectStatisticsHasMetadata,
+  selectStatisticsIsLoading,
+  selectStatisticsMessage,
+  selectStatisticsHasError,
+} from '../StatisticsPageSelectors';
+import { statisticsProps } from '../StatisticsPage.fixtures';
+
+const state = {
+  foremanStatistics: {
+    statisticsPage: {
+      ...statisticsProps,
+    },
+  },
+};
+
+const fixtures = {
+  'should return StatisticsPage': () => selectStatisticsPage(state),
+  'should return StatisticsHasMetadata': () =>
+    selectStatisticsHasMetadata(state),
+  'should return StatisticsPage statisticsMeta': () =>
+    selectStatisticsMetadata(state),
+  'should return StatisticsPage isLoading': () =>
+    selectStatisticsIsLoading(state),
+  'should return StatisticsPage Message': () => selectStatisticsMessage(state),
+  'should return StatisticsPage hasError': () =>
+    selectStatisticsHasError(state),
+};
+
+describe('StatisticsPage selectors', () =>
+  testSelectorsSnapshotWithFixtures(fixtures));

data/webpack/src/Router/StatisticsPage/__tests__/__snapshots__/StatisticsPage.test.js.snap

@@ -0,0 +1,32 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StatisticsPage rendering render with props 1`] = `
+<PageLayout
+  header="Statistics"
+  searchable={false}
+>
+  <Component
+    getStatisticsMeta={[Function]}
+    hasData={true}
+    hasError={false}
+    isLoading={false}
+    message={Object {}}
+    statisticsMeta={
+      Array [
+        Object {
+          "id": "operatingsystem",
+          "search": "/hosts?search=os_title=~VAL~",
+          "title": "OS Distribution",
+          "url": "statistics/operatingsystem",
+        },
+        Object {
+          "id": "architecture",
+          "search": "/hosts?search=facts.architecture=~VAL~",
+          "title": "Architecture Distribution",
+          "url": "statistics/architecture",
+        },
+      ]
+    }
+  />
+</PageLayout>
+`;

data/webpack/src/Router/StatisticsPage/__tests__/__snapshots__/StatisticsPageActions.test.js.snap

@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StatisticsPage actions should fetch statisticsMeta 1`] = `
+Array [
+  Array [
+    Object {
+      "type": "STATISTICS_PAGE_HIDE_LOADING",
+    },
+  ],
+  Array [
+    Object {
+      "payload": Object {
+        "hasData": true,
+        "metadata": Array [
+          Object {
+            "id": "operatingsystem",
+            "search": "/hosts?search=os_title=~VAL~",
+            "title": "OS Distribution",
+            "url": "statistics/operatingsystem",
+          },
+          Object {
+            "id": "architecture",
+            "search": "/hosts?search=facts.architecture=~VAL~",
+            "title": "Architecture Distribution",
+            "url": "statistics/architecture",
+          },
+        ],
+      },
+      "type": "STATISTICS_PAGE_DATA_RESOLVED",
+    },
+  ],
+]
+`;
+
+exports[`StatisticsPage actions should fetch statisticsMeta and fail 1`] = `
+Array [
+  Array [
+    Object {
+      "type": "STATISTICS_PAGE_HIDE_LOADING",
+    },
+  ],
+  Array [
+    Object {
+      "payload": Object {
+        "message": Object {
+          "text": "some-error",
+          "type": "error",
+        },
+      },
+      "type": "STATISTICS_PAGE_FETCH_FAILED",
+    },
+  ],
+]
+`;

data/webpack/src/Router/StatisticsPage/__tests__/__snapshots__/StatisticsPageSelectors.test.js.snap

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`StatisticsPage selectors should return StatisticsHasMetadata 1`] = `true`;
+
+exports[`StatisticsPage selectors should return StatisticsPage 1`] = `
+Object {
+  "getStatisticsMeta": [Function],
+  "hasData": true,
+  "hasError": false,
+  "isLoading": false,
+  "message": Object {},
+  "statisticsMeta": Array [
+    Object {
+      "id": "operatingsystem",
+      "search": "/hosts?search=os_title=~VAL~",
+      "title": "OS Distribution",
+      "url": "statistics/operatingsystem",
+    },
+    Object {
+      "id": "architecture",
+      "search": "/hosts?search=facts.architecture=~VAL~",
+      "title": "Architecture Distribution",
+      "url": "statistics/architecture",
+    },
+  ],
+}
+`;
+
+exports[`StatisticsPage selectors should return StatisticsPage Message 1`] = `Object {}`;
+
+exports[`StatisticsPage selectors should return StatisticsPage hasError 1`] = `false`;
+
+exports[`StatisticsPage selectors should return StatisticsPage isLoading 1`] = `false`;
+
+exports[`StatisticsPage selectors should return StatisticsPage statisticsMeta 1`] = `undefined`;