foreman_openscap 4.1.1 → 4.3.1

data/webpack/routes/OvalContents/OvalContentsIndex/__tests__/OvalContentsIndex.test.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import { within } from '@testing-library/dom';
+import userEvent from '@testing-library/user-event';
+import '@testing-library/jest-dom';
+
+import OvalContentsIndex from '../OvalContentsIndex';
+
+import { withMockedProvider, tick, historyMock } from '../../../../testHelper';
+import { ovalContentsPath } from '../../../../helpers/pathsHelper';
+
+import {
+  mocks,
+  paginatedMocks,
+  pushMock,
+  pagePaginationHistoryMock,
+  emptyMocks,
+  errorMocks,
+} from './OvalContentsIndex.fixtures';
+
+const TestComponent = withMockedProvider(OvalContentsIndex);
+
+describe('OvalContentsIndex', () => {
+  it('should load page', async () => {
+    const { container } = render(
+      <TestComponent history={historyMock} mocks={mocks} />
+    );
+    expect(screen.getByText('Loading')).toBeInTheDocument();
+    await waitFor(tick);
+    expect(screen.queryByText('Loading')).not.toBeInTheDocument();
+    expect(screen.getByText('ansible OVAL content')).toBeInTheDocument();
+    expect(screen.getByText('openshift OVAL content')).toBeInTheDocument();
+    const pageItems = container.querySelector('.pf-c-pagination__total-items');
+    expect(within(pageItems).getByText(/1 - 4/)).toBeInTheDocument();
+    expect(within(pageItems).getByText('of')).toBeInTheDocument();
+    expect(within(pageItems).getByText('4')).toBeInTheDocument();
+  });
+  it('should load page with pagination params', async () => {
+    const { container } = render(
+      <TestComponent
+        history={pagePaginationHistoryMock}
+        mocks={paginatedMocks}
+      />
+    );
+    await waitFor(tick);
+    const pageItems = container.querySelector('.pf-c-pagination__total-items');
+    expect(within(pageItems).getByText(/6 - 7/)).toBeInTheDocument();
+    expect(within(pageItems).getByText('of')).toBeInTheDocument();
+    expect(within(pageItems).getByText('7')).toBeInTheDocument();
+    userEvent.click(
+      screen.getByRole('button', { name: 'Go to previous page' })
+    );
+
+    expect(pushMock).toHaveBeenCalledWith(
+      `${ovalContentsPath}?page=1&perPage=5`
+    );
+  });
+  it('should show empty state', async () => {
+    render(<TestComponent history={historyMock} mocks={emptyMocks} />);
+    expect(screen.getByText('Loading')).toBeInTheDocument();
+    await waitFor(tick);
+    expect(screen.queryByText('Loading')).not.toBeInTheDocument();
+    expect(screen.getByText('No OVAL Contents found.')).toBeInTheDocument();
+  });
+  it('should show errors', async () => {
+    render(<TestComponent history={historyMock} mocks={errorMocks} />);
+    expect(screen.getByText('Loading')).toBeInTheDocument();
+    await waitFor(tick);
+    expect(screen.queryByText('Loading')).not.toBeInTheDocument();
+    expect(
+      screen.getByText('Something very bad happened.')
+    ).toBeInTheDocument();
+    expect(screen.getByText('Error!')).toBeInTheDocument();
+  });
+});

data/webpack/routes/OvalContents/OvalContentsIndex/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+
+import OvalContentsIndex from './OvalContentsIndex';
+
+const WrappedOvalContentsIndex = props => <OvalContentsIndex {...props} />;
+
+export default WrappedOvalContentsIndex;

data/webpack/routes/OvalPolicies/OvalPoliciesIndex/OvalPoliciesIndex.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useQuery } from '@apollo/client';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+import OvalPoliciesTable from './OvalPoliciesTable';
+import IndexLayout from '../../../components/IndexLayout';
+
+import {
+  useParamsToVars,
+  useCurrentPagination,
+} from '../../../helpers/pageParamsHelper';
+import policiesQuery from '../../../graphql/queries/ovalPolicies.gql';
+
+const OvalPoliciesIndex = props => {
+  const pagination = useCurrentPagination(props.history);
+
+  const useFetchFn = componentProps =>
+    useQuery(policiesQuery, {
+      variables: useParamsToVars(componentProps.history),
+    });
+
+  const renameData = data => ({
+    policies: data.ovalPolicies.nodes,
+    totalCount: data.ovalPolicies.totalCount,
+  });
+
+  return (
+    <IndexLayout pageTitle={__('OVAL Policies')}>
+      <OvalPoliciesTable
+        {...props}
+        fetchFn={useFetchFn}
+        renameData={renameData}
+        resultPath="ovalPolicies.nodes"
+        pagination={pagination}
+        emptyStateTitle={__('No OVAL Policies found')}
+      />
+    </IndexLayout>
+  );
+};
+
+OvalPoliciesIndex.propTypes = {
+  history: PropTypes.object.isRequired,
+};
+
+export default OvalPoliciesIndex;

data/webpack/routes/OvalPolicies/OvalPoliciesIndex/OvalPoliciesTable.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+import IndexTable from '../../../components/IndexTable';
+import withLoading from '../../../components/withLoading';
+
+import { linkCell } from '../../../helpers/tableHelper';
+import { ovalPoliciesPath, modelPath } from '../../../helpers/pathsHelper';
+
+const OvalPoliciesTable = props => {
+  const columns = [{ title: __('Name') }, { title: __('OVAL Content') }];
+
+  const rows = props.policies.map(policy => ({
+    cells: [
+      { title: linkCell(modelPath(ovalPoliciesPath, policy), policy.name) },
+      { title: policy.ovalContent.name },
+    ],
+    policy,
+  }));
+
+  const actions = [];
+
+  return (
+    <IndexTable
+      columns={columns}
+      rows={rows}
+      actions={actions}
+      pagination={props.pagination}
+      totalCount={props.totalCount}
+      history={props.history}
+      ariaTableLabel={__('OVAL Policies Table')}
+    />
+  );
+};
+
+OvalPoliciesTable.propTypes = {
+  policies: PropTypes.array.isRequired,
+  pagination: PropTypes.object.isRequired,
+  totalCount: PropTypes.number.isRequired,
+  history: PropTypes.object.isRequired,
+};
+
+export default withLoading(OvalPoliciesTable);

data/webpack/routes/OvalPolicies/OvalPoliciesIndex/__tests__/OvalPoliciesIndex.fixtures.js

@@ -0,0 +1,61 @@
+import policiesQuery from '../../../../graphql/queries/ovalPolicies.gql';
+import { ovalPoliciesPath } from '../../../../helpers/pathsHelper';
+import { mockFactory } from '../../../../testHelper';
+
+const policiesMockFactory = mockFactory('ovalPolicies', policiesQuery);
+
+export const pushMock = jest.fn();
+
+export const pageParamsHistoryMock = {
+  location: {
+    search: '?page=2&perPage=5',
+    pathname: ovalPoliciesPath,
+  },
+  push: pushMock,
+};
+
+export const mocks = policiesMockFactory(
+  { first: 20, last: 20 },
+  {
+    totalCount: 2,
+    nodes: [
+      {
+        id: 'abc',
+        name: 'first policy',
+        ovalContent: { name: 'first content' },
+      },
+      {
+        id: 'xyz',
+        name: 'second policy',
+        ovalContent: { name: 'second content' },
+      },
+    ],
+  }
+);
+export const pageParamsMocks = policiesMockFactory(
+  { first: 10, last: 5 },
+  {
+    totalCount: 7,
+    nodes: [
+      {
+        id: 'xyz',
+        name: 'sixth policy',
+        ovalContent: { name: 'sixth content' },
+      },
+      {
+        id: 'abc',
+        name: 'seventh policy',
+        ovalContent: { name: 'seventh content' },
+      },
+    ],
+  }
+);
+export const emptyMocks = policiesMockFactory(
+  { first: 20, last: 20 },
+  { totalCount: 0, nodes: [] }
+);
+export const errorMocks = policiesMockFactory(
+  { first: 20, last: 20 },
+  { totalCount: 0, nodes: [] },
+  [{ message: 'Something very bad happened.' }]
+);

data/webpack/routes/OvalPolicies/OvalPoliciesIndex/__tests__/OvalPoliciesIndex.test.js

@@ -0,0 +1,78 @@
+import React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { within } from '@testing-library/dom';
+import '@testing-library/jest-dom';
+
+import {
+  withMockedProvider,
+  withRouter,
+  tick,
+  historyMock,
+} from '../../../../testHelper';
+
+import {
+  mocks,
+  pushMock,
+  pageParamsMocks,
+  pageParamsHistoryMock,
+  emptyMocks,
+  errorMocks,
+} from './OvalPoliciesIndex.fixtures';
+
+import OvalPoliciesIndex from '../OvalPoliciesIndex';
+import { ovalPoliciesPath } from '../../../../helpers/pathsHelper';
+
+const TestComponent = withRouter(withMockedProvider(OvalPoliciesIndex));
+
+describe('OvalPoliciesIndex', () => {
+  it('should load page', async () => {
+    const { container } = render(
+      <TestComponent history={historyMock} mocks={mocks} />
+    );
+    expect(screen.getByText('Loading')).toBeInTheDocument();
+    await waitFor(tick);
+    expect(screen.getByText('first policy')).toBeInTheDocument();
+    expect(screen.getByText('second policy')).toBeInTheDocument();
+    expect(screen.getByText('first content')).toBeInTheDocument();
+    expect(screen.getByText('second content')).toBeInTheDocument();
+    const pageItems = container.querySelector('.pf-c-pagination__total-items');
+    expect(within(pageItems).getByText(/1 - 2/)).toBeInTheDocument();
+    expect(within(pageItems).getByText('of')).toBeInTheDocument();
+    expect(within(pageItems).getByText('2')).toBeInTheDocument();
+  });
+  it('should load page with page params', async () => {
+    const { container } = render(
+      <TestComponent history={pageParamsHistoryMock} mocks={pageParamsMocks} />
+    );
+    await waitFor(tick);
+    const pageItems = container.querySelector('.pf-c-pagination__total-items');
+    expect(within(pageItems).getByText(/6 - 7/)).toBeInTheDocument();
+    expect(within(pageItems).getByText('of')).toBeInTheDocument();
+    expect(within(pageItems).getByText('7')).toBeInTheDocument();
+    userEvent.click(
+      screen.getByRole('button', { name: 'Go to previous page' })
+    );
+
+    expect(pushMock).toHaveBeenCalledWith(
+      `${ovalPoliciesPath}?page=1&perPage=5`
+    );
+  });
+  it('should show empty state', async () => {
+    render(<TestComponent history={historyMock} mocks={emptyMocks} />);
+    expect(screen.getByText('Loading')).toBeInTheDocument();
+    await waitFor(tick);
+    expect(screen.queryByText('Loading')).not.toBeInTheDocument();
+    expect(screen.getByText('No OVAL Policies found')).toBeInTheDocument();
+  });
+  it('should show errors', async () => {
+    render(<TestComponent history={historyMock} mocks={errorMocks} />);
+    expect(screen.getByText('Loading')).toBeInTheDocument();
+    await waitFor(tick);
+    expect(screen.queryByText('Loading')).not.toBeInTheDocument();
+    expect(
+      screen.getByText('Something very bad happened.')
+    ).toBeInTheDocument();
+    expect(screen.getByText('Error!')).toBeInTheDocument();
+  });
+});

data/webpack/routes/OvalPolicies/OvalPoliciesIndex/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+
+import OvalPoliciesIndex from './OvalPoliciesIndex';
+
+const WrappedOvalPoliciesIndex = props => <OvalPoliciesIndex {...props} />;
+
+export default WrappedOvalPoliciesIndex;

data/webpack/routes/OvalPolicies/OvalPoliciesShow/CvesTab.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+import { useQuery } from '@apollo/client';
+
+import CvesTable from './CvesTable';
+
+import cves from '../../../graphql/queries/cves.gql';
+import {
+  useParamsToVars,
+  useCurrentPagination,
+} from '../../../helpers/pageParamsHelper';
+
+const CvesTab = props => {
+  const useFetchFn = componentProps =>
+    useQuery(cves, {
+      variables: {
+        search: `oval_policy_id = ${componentProps.match.params.id}`,
+        ...useParamsToVars(componentProps.history),
+      },
+    });
+
+  const renameData = data => ({
+    cves: data.cves.nodes,
+    totalCount: data.cves.totalCount,
+  });
+
+  const pagination = useCurrentPagination(props.history);
+
+  return (
+    <CvesTable
+      {...props}
+      fetchFn={useFetchFn}
+      renameData={renameData}
+      resultPath="cves.nodes"
+      pagination={pagination}
+      emptyStateTitle={__('No CVEs found.')}
+    />
+  );
+};
+
+CvesTab.propTypes = {
+  match: PropTypes.object.isRequired,
+  history: PropTypes.object.isRequired,
+};
+
+export default CvesTab;

data/webpack/routes/OvalPolicies/OvalPoliciesShow/CvesTable.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { translate as __ } from 'foremanReact/common/I18n';
+
+import { linkCell } from '../../../helpers/tableHelper';
+import { hostsPath } from '../../../helpers/pathsHelper';
+import { decodeId } from '../../../helpers/globalIdHelper';
+import { addSearch } from '../../../helpers/pageParamsHelper';
+
+import withLoading from '../../../components/withLoading';
+import IndexTable from '../../../components/IndexTable';
+
+const CvesTable = props => {
+  const columns = [
+    { title: __('Ref Id') },
+    { title: __('Has Errata?') },
+    { title: __('Hosts Count') },
+  ];
+
+  const cveRefId = cve => (
+    <a href={cve.refUrl} rel="noopener noreferrer" target="_blank">
+      {cve.refId}
+    </a>
+  );
+
+  const hostCount = cve =>
+    linkCell(
+      addSearch(hostsPath, { search: `cve_id = ${decodeId(cve)}` }),
+      cve.hosts.nodes.length
+    );
+
+  const rows = props.cves.map(cve => ({
+    cells: [
+      { title: cveRefId(cve) },
+      { title: cve.hasErrata ? __('Yes') : __('No') },
+      { title: hostCount(cve) },
+    ],
+    cve,
+  }));
+
+  const actions = [];
+
+  return (
+    <IndexTable
+      columns={columns}
+      rows={rows}
+      actions={actions}
+      pagination={props.pagination}
+      totalCount={props.totalCount}
+      history={props.history}
+      ariaTableLabel={__('Table of CVEs for OVAL policy')}
+    />
+  );
+};
+
+CvesTable.propTypes = {
+  cves: PropTypes.array.isRequired,
+  pagination: PropTypes.object.isRequired,
+  totalCount: PropTypes.number.isRequired,
+  history: PropTypes.object.isRequired,
+};
+
+export default withLoading(CvesTable);

data/webpack/routes/OvalPolicies/OvalPoliciesShow/OvalPoliciesShow.js

@@ -0,0 +1,79 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Link } from 'react-router-dom';
+import { Helmet } from 'react-helmet';
+import { translate as __ } from 'foremanReact/common/I18n';
+import {
+  Button,
+  Grid,
+  GridItem,
+  TextContent,
+  Text,
+  TextVariants,
+  Tabs,
+  Tab,
+  TabTitleText,
+} from '@patternfly/react-core';
+import '@patternfly/patternfly/patternfly-addons.scss';
+
+import withLoading from '../../../components/withLoading';
+
+import CvesTab from './CvesTab';
+
+import { policySchedule, newJobFormPath } from './OvalPoliciesShowHelper';
+import { resolvePath } from '../../../helpers/pathsHelper';
+
+const OvalPoliciesShow = props => {
+  const { policy, match, history } = props;
+  const activeTab = match.params.tab ? match.params.tab : 'details';
+
+  const handleTabSelect = (event, value) => {
+    history.push(
+      resolvePath(match.path, { ':id': match.params.id, ':tab?': value })
+    );
+  };
+
+  return (
+    <React.Fragment>
+      <Helmet>
+        <title>{`${policy.name} | OVAL Policy`}</title>
+      </Helmet>
+      <Grid className="scap-page-grid">
+        <GridItem span={10}>
+          <Text component={TextVariants.h1}>{policy.name}</Text>
+        </GridItem>
+        <GridItem span={2}>
+          <Link to={newJobFormPath(policy, match.params.id)}>
+            <Button variant="secondary">{__('Scan All Hostgroups')}</Button>
+          </Link>
+        </GridItem>
+        <GridItem span={12}>
+          <Tabs mountOnEnter activeKey={activeTab} onSelect={handleTabSelect}>
+            <Tab
+              eventKey="details"
+              title={<TabTitleText>Details</TabTitleText>}
+            >
+              <TextContent className="pf-u-pt-md">
+                <Text component={TextVariants.h3}>Period</Text>
+                <Text component={TextVariants.p}>{policySchedule(policy)}</Text>
+                <Text component={TextVariants.h3}>Description</Text>
+                <Text component={TextVariants.p}>{policy.description}</Text>
+              </TextContent>
+            </Tab>
+            <Tab eventKey="cves" title={<TabTitleText>CVEs</TabTitleText>}>
+              <CvesTab {...props} />
+            </Tab>
+          </Tabs>
+        </GridItem>
+      </Grid>
+    </React.Fragment>
+  );
+};
+
+OvalPoliciesShow.propTypes = {
+  match: PropTypes.object.isRequired,
+  history: PropTypes.object.isRequired,
+  policy: PropTypes.object.isRequired,
+};
+
+export default withLoading(OvalPoliciesShow);