katello 4.16.3 → 4.17.0.rc1

data/webpack/scenes/ContentViews/Details/Versions/__tests__/contentViewVersions.test.js

@@ -250,9 +250,9 @@ test('Can open Promote Modal', async (done) => {
     expect(getByText(`Version ${firstVersion.version}`)).toBeInTheDocument();
   });
   // Expand Row Action
-  expect(getAllByLabelText('Actions')[1]).toHaveAttribute('aria-expanded', 'false');
-  fireEvent.click(getAllByLabelText('Actions')[1]);
-  expect(getAllByLabelText('Actions')[1]).toHaveAttribute('aria-expanded', 'true');
+  expect(getAllByLabelText('Kebab toggle')[1]).toHaveAttribute('aria-expanded', 'false');
+  fireEvent.click(getAllByLabelText('Kebab toggle')[1]);
+  expect(getAllByLabelText('Kebab toggle')[1]).toHaveAttribute('aria-expanded', 'true');
   fireEvent.click(getByText('Promote'));
   await patientlyWaitFor(() => {
     expect(getByText('Select a lifecycle environment from the available promotion paths to promote new version.')).toBeInTheDocument();
@@ -340,9 +340,9 @@ test('Can open Promote Modal and show out of path warnings', async (done) => {
     expect(getByText(`Version ${firstVersion.version}`)).toBeInTheDocument();
   });
   // Expand Row Action
-  expect(getAllByLabelText('Actions')[0]).toHaveAttribute('aria-expanded', 'false');
-  fireEvent.click(getAllByLabelText('Actions')[0]);
-  expect(getAllByLabelText('Actions')[0]).toHaveAttribute('aria-expanded', 'true');
+  expect(getAllByLabelText('Kebab toggle')[0]).toHaveAttribute('aria-expanded', 'false');
+  fireEvent.click(getAllByLabelText('Kebab toggle')[0]);
+  expect(getAllByLabelText('Kebab toggle')[0]).toHaveAttribute('aria-expanded', 'true');
   fireEvent.click(getByText('Promote'));
   await patientlyWaitFor(() => {
     expect(getByText('Select a lifecycle environment from the available promotion paths to promote new version.')).toBeInTheDocument();

data/webpack/scenes/ContentViews/Details/__tests__/contentViewDetail.test.js

@@ -44,7 +44,8 @@ test('Can call API and show details on page load', async (done) => {
     expect(queryByLabelText('Generated')).not.toBeInTheDocument();
   });
 
-  assertNockRequest(scope, done);
+  assertNockRequest(scope);
+  done();
 });
 
 test('Can edit text details such as name', async (done) => {
@@ -82,10 +83,38 @@ test('Can edit text details such as name', async (done) => {
 
   assertNockRequest(getscope);
   assertNockRequest(updatescope);
-  assertNockRequest(afterUpdateScope, done);
+  assertNockRequest(afterUpdateScope);
+  done();
   act(done);
 });
 
+test('Page contains CV type', async (done) => {
+  const getscope = nockInstance
+    .get(cvDetailsPath)
+    .query(true)
+    .reply(200, cvDetailData);
+
+  const { queryByText } = renderWithRedux(
+    withCVRoute(<ContentViewDetails />),
+    renderOptions,
+  );
+
+  // Wait for page to load
+  await patientlyWaitFor(() => {
+    expect(queryByText('Content view')).toBeInTheDocument();
+    expect(queryByText('Rolling content view')).not.toBeInTheDocument();
+    expect(queryByText('Composite content view')).not.toBeInTheDocument();
+    expect(queryByText('Versions')).toBeInTheDocument();
+    expect(queryByText('Filters')).toBeInTheDocument();
+    expect(queryByText('History')).toBeInTheDocument();
+    expect(queryByText('Repositories')).toBeInTheDocument();
+  });
+
+  assertNockRequest(getscope);
+  act(done);
+});
+
+
 test('Can edit boolean details such as solve dependencies', async (done) => {
   const updatedCVDetails = { ...cvDetailData, solve_dependencies: true };
   const getscope = nockInstance
@@ -116,7 +145,8 @@ test('Can edit boolean details such as solve dependencies', async (done) => {
 
   assertNockRequest(getscope);
   assertNockRequest(updatescope);
-  assertNockRequest(afterUpdateScope, done);
+  assertNockRequest(afterUpdateScope);
+  done();
   act(done);
 });
 
@@ -159,5 +189,6 @@ test('Can show import_only and generated when true', async (done) => {
     expect(getByLabelText('generated_by_export_switch')).toBeInTheDocument();
   });
 
-  assertNockRequest(scope, done);
+  assertNockRequest(scope);
+  done();
 });

data/webpack/scenes/ContentViews/Details/__tests__/contentViewDetails.fixtures.json

@@ -1,6 +1,7 @@
 {
   "content_host_count": 0,
   "composite": false,
+  "rolling": false,
   "component_ids": [],
   "default": false,
   "version_count": 5,

data/webpack/scenes/ContentViews/Details/__tests__/contentViewRollingDetail.test.js

@@ -0,0 +1,197 @@
+import React from 'react';
+import { Route } from 'react-router-dom';
+import { renderWithRedux, patientlyWaitFor, fireEvent, act } from 'react-testing-lib-wrapper';
+import { nockInstance, assertNockRequest } from '../../../../test-utils/nockWrapper';
+import api from '../../../../services/api';
+import ContentViewDetails from '../ContentViewDetails';
+import CONTENT_VIEWS_KEY from '../../ContentViewsConstants';
+import cvDetailData from './contentViewRollingDetails.fixtures.json';
+
+
+const withCVRoute = component => <Route path="/content_views/:id([0-9]+)">{component}</Route>;
+
+const renderOptions = {
+  apiNamespace: `${CONTENT_VIEWS_KEY}_1`,
+  routerParams: {
+    initialEntries: [{ pathname: '/content_views/1', hash: '#/details' }],
+    initialIndex: 1,
+  },
+};
+
+const cvDetailsPath = api.getApiUrl('/content_views/1');
+
+test('Can call API and show details on page load', async (done) => {
+  const { label, name, description } = cvDetailData;
+
+  const scope = nockInstance
+    .get(cvDetailsPath)
+    .query(true)
+    .reply(200, cvDetailData);
+
+  const { getByLabelText, queryByLabelText } = renderWithRedux(
+    withCVRoute(<ContentViewDetails />),
+    renderOptions,
+  );
+
+  await patientlyWaitFor(() => {
+    expect(getByLabelText('name text value')).toHaveTextContent(name);
+    expect(getByLabelText('label text value')).toHaveTextContent(label);
+    expect(getByLabelText('description text value')).toHaveTextContent(description);
+    expect(getByLabelText('a_cv_index')).toBeInTheDocument();
+    expect(getByLabelText(`b_${name}`)).toBeInTheDocument();
+    expect(getByLabelText('c_details')).toBeInTheDocument();
+    expect(queryByLabelText('Import only')).not.toBeInTheDocument();
+    expect(queryByLabelText('Generated')).not.toBeInTheDocument();
+  });
+
+  assertNockRequest(scope, done);
+});
+
+test('Can edit text details such as name', async (done) => {
+  const newName = 'agoodrollingname';
+  const updatedCVDetails = { ...cvDetailData, name: newName };
+  const getscope = nockInstance
+    .get(cvDetailsPath)
+    .query(true)
+    .reply(200, cvDetailData);
+  const updatescope = nockInstance
+    .put(cvDetailsPath, { include_permissions: true, name: newName })
+    .reply(200, updatedCVDetails);
+  const afterUpdateScope = nockInstance
+    .get(cvDetailsPath)
+    .query(true)
+    .reply(200, updatedCVDetails);
+
+  const { getByLabelText } = renderWithRedux(
+    withCVRoute(<ContentViewDetails />),
+    renderOptions,
+  );
+
+  const editLabel = 'edit name';
+  // Wait for page to load and confirm edit button is present, then click to edit
+  await patientlyWaitFor(() => {
+    expect(getByLabelText(editLabel)).toBeInTheDocument();
+  });
+  getByLabelText(editLabel).click();
+
+
+  const inputLabel = /name text input/;
+  await patientlyWaitFor(() => { expect(getByLabelText(inputLabel)).toBeInTheDocument(); });
+  fireEvent.change(getByLabelText(inputLabel), { target: { value: newName } });
+  getByLabelText('submit name').click();
+
+  // Make sure new name is showing after update
+  await patientlyWaitFor(() => {
+    expect(getByLabelText('name text value')).toHaveTextContent(newName); assertNockRequest(getscope);
+    assertNockRequest(updatescope);
+    assertNockRequest(afterUpdateScope, done);
+    act(done);
+  });
+});
+
+test('Page contains Rolling CV type', async (done) => {
+  const getscope = nockInstance
+    .get(cvDetailsPath)
+    .query(true)
+    .reply(200, cvDetailData);
+
+  const { queryByText, queryByLabelText } = renderWithRedux(
+    withCVRoute(<ContentViewDetails />),
+    renderOptions,
+  );
+
+  // Wait for page to load
+  await patientlyWaitFor(() => {
+    expect(queryByText('Content view')).not.toBeInTheDocument();
+    expect(queryByText('Rolling content view')).toBeInTheDocument();
+    expect(queryByText('Composite content view')).not.toBeInTheDocument();
+    expect(queryByText('Versions')).not.toBeInTheDocument();
+    expect(queryByText('Filters')).not.toBeInTheDocument();
+    expect(queryByText('History')).not.toBeInTheDocument();
+    expect(queryByText('Repositories')).toBeInTheDocument();
+  });
+
+  // expand actions button
+  queryByLabelText('Actions').click();
+  // we expect a delete action, but no copy action
+  await patientlyWaitFor(() => {
+    expect(queryByText('Delete')).toBeVisible();
+    expect(queryByText('Copy')).not.toBeInTheDocument();
+  });
+
+  assertNockRequest(getscope);
+  act(done);
+});
+
+test('Page does not containt boolean details such as solve dependencies', async (done) => {
+  const updatedCVDetails = { ...cvDetailData };
+  const getscope = nockInstance
+    .get(cvDetailsPath)
+    .query(true)
+    .reply(200, cvDetailData);
+  const updatescope = nockInstance
+    .put(cvDetailsPath, { include_permissions: false, solve_dependencies: false })
+    .reply(200, updatedCVDetails);
+  const afterUpdateScope = nockInstance
+    .get(cvDetailsPath)
+    .query(true)
+    .reply(200, updatedCVDetails);
+
+  const { queryByLabelText } = renderWithRedux(
+    withCVRoute(<ContentViewDetails />),
+    renderOptions,
+  );
+
+  const checkboxLabel = /solve_dependencies switch/;
+  await patientlyWaitFor(() => expect(queryByLabelText(checkboxLabel)).not.toBeInTheDocument());
+
+  const disabledImportLabel = /import_only_switch/;
+  expect(queryByLabelText(disabledImportLabel)).not.toBeInTheDocument();
+
+  assertNockRequest(getscope);
+  assertNockRequest(updatescope);
+  assertNockRequest(afterUpdateScope, done);
+  act(done);
+});
+
+test('Can link to view tasks', async () => {
+  const scope = nockInstance
+    .get(cvDetailsPath)
+    .query(true)
+    .reply(200, cvDetailData);
+
+  const { getByText } = renderWithRedux(
+    withCVRoute(<ContentViewDetails />),
+    renderOptions,
+  );
+
+  await patientlyWaitFor(() => {
+    expect(getByText(/view tasks/i).closest('a'))
+      .toHaveAttribute('href', '/foreman_tasks/tasks?search=resource_type%3D+Katello%3A%3AContentView+resource_id%3D1');
+  });
+
+  assertNockRequest(scope);
+});
+
+test('Can show import_only and generated when true', async (done) => {
+  const updatedCVDetails = { ...cvDetailData };
+  updatedCVDetails.generated_for = 'Library';
+  updatedCVDetails.import_only = true;
+
+  const scope = nockInstance
+    .get(cvDetailsPath)
+    .query(true)
+    .reply(200, updatedCVDetails);
+
+  const { getByLabelText } = renderWithRedux(
+    withCVRoute(<ContentViewDetails />),
+    renderOptions,
+  );
+
+  await patientlyWaitFor(() => {
+    expect(getByLabelText('import_only_switch')).toBeInTheDocument();
+    expect(getByLabelText('generated_by_export_switch')).toBeInTheDocument();
+  });
+
+  assertNockRequest(scope, done);
+});

data/webpack/scenes/ContentViews/Details/__tests__/contentViewRollingDetails.fixtures.json

@@ -0,0 +1,82 @@
+{
+  "content_host_count": 0,
+  "composite": false,
+  "rolling": true,
+  "component_ids": [],
+  "default": false,
+  "version_count": 1,
+  "latest_version": "1.0",
+  "auto_publish": false,
+  "solve_dependencies": false,
+  "needs_publish": false,
+  "generated_for": "none",
+  "repository_ids": [
+    58,
+    62,
+    64
+  ],
+  "id": 1,
+  "name": "Andura",
+  "label": "AnduraLabel",
+  "description": "a cool CV",
+  "organization_id": 8,
+  "organization": {
+    "name": "Enterprise",
+    "label": "Enterprise",
+    "id": 8
+  },
+  "created_at": "2020-05-15 11:50:50 -0400",
+  "updated_at": "2020-07-01 09:51:48 -0400",
+  "environments": [
+    {
+      "id": 19,
+      "name": "Library",
+      "label": "Library",
+      "permissions": {
+        "readable": true
+      }
+    }
+  ],
+  "repositories": [
+    {
+      "id": 58,
+      "name": "Wishing Well Cluster",
+      "label": "Wishing_Well_Cluster",
+      "content_type": "yum"
+    },
+    {
+      "id": 62,
+      "name": "Palomar 12",
+      "label": "Palomar_12",
+      "content_type": "yum"
+    },
+    {
+      "id": 64,
+      "name": "Hodge 301",
+      "label": "Hodge_301",
+      "content_type": "yum"
+    }
+  ],
+  "versions": [
+    {
+      "id": 956,
+      "version": "1.0",
+      "published": "2020-05-15 16:40:03 -0400",
+      "environment_ids": []
+    }
+  ],
+  "components": [],
+  "filtered": true,
+  "content_view_components": [],
+  "activation_keys": [],
+  "next_version": "2.0",
+  "last_published": "2020-05-15 16:41:36 -0400",
+  "permissions": {
+    "view_content_views": true,
+    "edit_content_views": true,
+    "destroy_content_views": true,
+    "publish_content_views": true,
+    "promote_or_remove_content_views": true
+  },
+  "duplicate_repositories_to_publish": []
+}

data/webpack/scenes/ContentViews/Publish/CVPublishFinish.js

@@ -7,8 +7,7 @@ import { useHistory } from 'react-router-dom';
 import {
   Bullseye, Button, Grid, GridItem,
   Progress, ProgressSize, ProgressMeasureLocation,
-  ProgressVariant, EmptyState, EmptyStateIcon, EmptyStateVariant,
-  Title,
+  ProgressVariant, EmptyState, EmptyStateIcon, EmptyStateVariant, EmptyStateHeader,
 } from '@patternfly/react-core';
 import { ExternalLinkAltIcon, InProgressIcon } from '@patternfly/react-icons';
 import { translate as __ } from 'foremanReact/common/I18n';
@@ -101,11 +100,8 @@ const CVPublishFinish = ({
 
   return (
     <>
-      <EmptyState style={{ marginTop: '10px' }} variant={EmptyStateVariant.large}>
-        <EmptyStateIcon icon={InProgressIcon} />
-        <Title headingLevel="h2" size="lg" ouiaId="publish-cv-title">
-          {__('Publishing content view')}
-        </Title>
+      <EmptyState style={{ marginTop: '10px' }} variant={EmptyStateVariant.lg}>
+        <EmptyStateHeader titleText={<>{__('Publishing content view')}</>} icon={<EmptyStateIcon icon={InProgressIcon} />} headingLevel="h2" />
       </EmptyState>
       <Grid hasGutter>
         <GridItem span={12} rowSpan={19}>

data/webpack/scenes/ContentViews/Publish/CVPublishForm.js

@@ -105,7 +105,7 @@ const CVPublishForm = ({
             aria-label="input_description"
             name="description"
             value={description}
-            onChange={setDescription}
+            onChange={(e, v) => setDescription(v)}
           />
         </FormGroup>
         <FormGroup label={__('Promote')} fieldId="promote">
@@ -114,7 +114,7 @@ const CVPublishForm = ({
             ouiaId="promote-switch"
             aria-label="promote-switch"
             isChecked={promote}
-            onChange={checkPromote}
+            onChange={(_event, checked) => checkPromote(checked)}
           />
         </FormGroup>
       </Form>

data/webpack/scenes/ContentViews/Publish/CVPublishReview.js

@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
 import { useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
 import {
-  TableComposable, Thead, Tbody, Tr, Th,
+  Table /* data-codemods */, Thead, Tbody, Tr, Th,
   Td,
 } from '@patternfly/react-table';
 import { EnterpriseIcon, RegistryIcon } from '@patternfly/react-icons';
@@ -20,7 +20,7 @@ import { truncate } from '../../../utils/helpers';
 
 const CVPublishReview = ({
   details: {
-    id, name, composite, next_version: nextVersion,
+    id, name, composite, rolling, next_version: nextVersion,
   },
   userCheckedItems,
 }) => {
@@ -67,7 +67,7 @@ const CVPublishReview = ({
           </>
           }
       />
-      <TableComposable ouiaId="cv-publish-review-table" aria-label="Review Table">
+      <Table ouiaId="cv-publish-review-table" aria-label="Review Table">
         <Thead>
           <Tr ouiaId="cv-publish-review-table-headers">
             <Th>{__('Content view name')}</Th>
@@ -79,7 +79,7 @@ const CVPublishReview = ({
         <Tbody>
           <Tr ouiaId="cv-publish-review-table-row">
             <Td>
-              <><ContentViewIcon composite={composite} description={truncate(name)} /><InactiveText text={__('Newly published')} /></>
+              <><ContentViewIcon composite={composite} rolling={rolling} description={truncate(name)} /><InactiveText text={__('Newly published')} /></>
             </Td>
             <Td>
               {__('Version')} {nextVersion}
@@ -93,7 +93,7 @@ const CVPublishReview = ({
             }
           </Tr>
         </Tbody>
-      </TableComposable>
+      </Table>
     </>
   );
 };
@@ -107,6 +107,7 @@ CVPublishReview.propTypes = {
     ]).isRequired,
     name: PropTypes.string.isRequired,
     composite: PropTypes.bool.isRequired,
+    rolling: PropTypes.bool.isRequired,
     next_version: PropTypes.oneOfType([
       PropTypes.number,
       PropTypes.string,

data/webpack/scenes/ContentViews/Publish/PublishContentViewWizard.js

@@ -2,7 +2,9 @@ import React, { useEffect, useState, useMemo, useCallback } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
 import { STATUS } from 'foremanReact/constants';
-import { Wizard } from '@patternfly/react-core';
+import {
+  Wizard,
+} from '@patternfly/react-core/deprecated';
 import { translate as __ } from 'foremanReact/common/I18n';
 import CVPublishForm from './CVPublishForm';
 import CVPublishFinish from './CVPublishFinish';

data/webpack/scenes/ContentViews/Publish/__tests__/publishContentView.test.js

@@ -38,7 +38,8 @@ test('Can call API and show Wizard', async (done) => {
   });
 
   assertNockRequest(scope);
-  assertNockRequest(filterScope, done);
+  assertNockRequest(filterScope);
+  done();
 });
 
 test('Can show wizard with duplicate repository warning for composite CV', async (done) => {
@@ -80,7 +81,8 @@ test('Can show wizard with duplicate repository warning for composite CV', async
   });
 
   assertNockRequest(scope);
-  assertNockRequest(filterScope, done);
+  assertNockRequest(filterScope);
+  done();
 });
 
 test('Can show wizard without duplicate repository warning for composite CV', async (done) => {
@@ -107,7 +109,8 @@ test('Can show wizard without duplicate repository warning for composite CV', as
   });
 
   assertNockRequest(scope);
-  assertNockRequest(filterScope, done);
+  assertNockRequest(filterScope);
+  done();
 });
 
 test('Can show Wizard and show environment paths', async (done) => {
@@ -138,7 +141,8 @@ test('Can show Wizard and show environment paths', async (done) => {
   });
   useSelectorMock.mockClear();
   assertNockRequest(scope);
-  assertNockRequest(filterScope, done);
+  assertNockRequest(filterScope);
+  done();
 });
 
 test('Can show and hide force promotion alert', async (done) => {
@@ -187,6 +191,7 @@ test('Can show and hide force promotion alert', async (done) => {
 
   // uncheck outOfOrderEnv
   fireEvent.click(getByLabelText(outOfOrderEnv));
+
   fireEvent.click(getByLabelText(outOfOrderEnv2));
   expect(queryByText('Force promotion')).not.toBeInTheDocument();
 
@@ -196,7 +201,8 @@ test('Can show and hide force promotion alert', async (done) => {
 
   useSelectorMock.mockClear();
   assertNockRequest(scope);
-  assertNockRequest(filterScope, done);
+  assertNockRequest(filterScope);
+  done();
 });
 
 test('Can show Wizard form and move to review', async (done) => {
@@ -228,7 +234,8 @@ test('Can show Wizard form and move to review', async (done) => {
   });
   useSelectorMock.mockClear();
   assertNockRequest(scope);
-  assertNockRequest(filterScope, done);
+  assertNockRequest(filterScope);
+  done();
 });
 
 test('Can move to Finish step and publish CV', async (done) => {
@@ -261,6 +268,7 @@ test('Can move to Finish step and publish CV', async (done) => {
 
   assertNockRequest(scope);
   assertNockRequest(filterScope);
-  assertNockRequest(publishScope, done);
+  assertNockRequest(publishScope);
+  done();
   act(done); // stop listening for nocks
 });

data/webpack/scenes/ContentViews/Publish/cvPublishForm.scss

@@ -1,15 +1,15 @@
 #content-view-publish-wizard {
-  .pf-c-switch {
-    --pf-c-switch__input--focus__toggle--OutlineWidth: 0;
+  .pf-v5-c-switch {
+    --pf-v5-c-switch__input--focus__toggle--OutlineWidth: 0;
   }
 
-  .pf-c-wizard__main-body {
+  .pf-v5-c-wizard__main-body {
     display: flex;
     grid-gap: 16px;
     flex-direction: column;
   }
 
-  .pf-c-content h4 {
+  .pf-v5-c-content h4 {
     margin-top: 0px;
   }
 }

data/webpack/scenes/ContentViews/Table/ContentViewVersionCell.js

@@ -5,12 +5,13 @@ import { urlBuilder } from 'foremanReact/common/urlHelpers';
 import ComponentEnvironments from '../Details/ComponentContentViews/ComponentEnvironments';
 
 const ContentViewVersionCell = ({
-  id, latestVersion, latestVersionId, latestVersionEnvironments,
+  id, latestVersion, latestVersionId, latestVersionEnvironments, rolling,
 }) => (
   <Flex grow={{ default: 'grow' }}>
-    <FlexItem>
-      <a href={urlBuilder(`content_views/${id}/versions/${latestVersionId}`, '')}>{`Version ${latestVersion}`}</a>
-    </FlexItem>
+    { !rolling &&
+      <FlexItem>
+        <a href={urlBuilder(`content_views/${id}/versions/${latestVersionId}`, '')}>{`Version ${latestVersion}`}</a>
+      </FlexItem>}
     <FlexItem>
       <ComponentEnvironments environments={latestVersionEnvironments} />
     </FlexItem>
@@ -22,6 +23,7 @@ ContentViewVersionCell.propTypes = {
   latestVersion: PropTypes.string.isRequired,
   latestVersionId: PropTypes.number,
   latestVersionEnvironments: PropTypes.instanceOf(Array),
+  rolling: PropTypes.bool.isRequired,
 };
 
 ContentViewVersionCell.defaultProps = {

data/webpack/scenes/ContentViews/Table/ContentViewsTable.js

@@ -114,6 +114,14 @@ const ContentViewTable = () => {
       onClick: () => openDeleteModal(cvInfo),
     };
 
+    if (cvInfo.rolling) {
+      return [
+        ...[],
+        ...[],
+        ...[],
+        ...(hasPermission(permissions, 'destroy_content_views') ? [deleteAction] : []),
+      ];
+    }
     return [
       ...(hasPermission(permissions, 'publish_content_views') ? [publishAction] : []),
       ...(hasPermission(permissions, 'promote_or_remove_content_views') ? [promoteAction] : []),
@@ -222,7 +230,7 @@ const ContentViewTable = () => {
     >
       <Thead>
         <Tr ouiaId="cvTableHeaderRow">
-          <Th key="expand-carat" />
+          <Th key="expand-carat" aria-label="expand table header" />
           {columnHeaders.map(col => (
             <Th
               key={col}
@@ -231,13 +239,14 @@ const ContentViewTable = () => {
               {col}
             </Th>
           ))}
-          <Th key="action-menu" />
+          <Th key="action-menu" aria-label="action menu table header" />
         </Tr>
       </Thead>
       {
         results?.map((cvInfo, rowIndex) => {
           const {
             composite,
+            rolling,
             name,
             id: cvId,
             last_published: lastPublished,
@@ -265,7 +274,7 @@ const ContentViewTable = () => {
                       expandedTableRows.onToggle(isOpen, cvId),
                   }}
                 />
-                <Td><ContentViewIcon position="right" composite={composite} /></Td>
+                <Td><ContentViewIcon position="right" composite={composite} rolling={rolling} /></Td>
                 <Td><Link to={`${urlBuilder('content_views', '')}${cvId}`}>{truncate(name)}</Link></Td>
                 <Td>{lastPublished ? <LongDateTime date={lastPublished} showRelativeTimeTooltip /> : <InactiveText text={__('Not yet published')} />}</Td>
                 <Td><LastSync startedAt={startedAt} lastSync={lastTask} lastSyncWords={lastSyncWords} emptyMessage="N/A" /></Td>
@@ -275,6 +284,7 @@ const ContentViewTable = () => {
                     latestVersion,
                     latestVersionId: cvLatestVersionId,
                     latestVersionEnvironments: cvLatestVersionEnvironments,
+                    rolling,
                   }}
                   /> :
                   <InactiveText style={{ marginTop: '0.5em', marginBottom: '0.5em' }} text={__('Not yet published')} />}
@@ -293,6 +303,7 @@ const ContentViewTable = () => {
                       cvId={cvId}
                       cvName={name}
                       cvComposite={composite}
+                      cvRolling={rolling}
                       {...{
                         activationKeys, hosts, relatedCVCount, relatedCompositeCVs,
                       }}