diff --git a/web/src/ar/pages/artifact-list/__tests__/ArtifactListPage.test.tsx b/web/src/ar/pages/artifact-list/__tests__/ArtifactListPage.test.tsx index cdb9ff727..13deb59ee 100644 --- a/web/src/ar/pages/artifact-list/__tests__/ArtifactListPage.test.tsx +++ b/web/src/ar/pages/artifact-list/__tests__/ArtifactListPage.test.tsx @@ -22,6 +22,7 @@ import { useGetAllRegistriesQuery as _useGetAllRegistriesQuery } from '@harnessio/react-har-service-client' import ArTestWrapper from '@ar/utils/testUtils/ArTestWrapper' +import { testMultiSelectChange } from '@ar/utils/testUtils/utils' import repositoryFactory from '@ar/frameworks/RepositoryStep/RepositoryFactory' import { DockerRepositoryType } from '@ar/pages/repository-details/DockerRepository/DockerRepositoryType' import { HelmRepositoryType } from '@ar/pages/repository-details/HelmRepository/HelmRepositoryType' @@ -136,9 +137,7 @@ describe('Test Artifact List Page', () => { }) const registriesSelect = getByTestId('regitry-select') - await userEvent.click(registriesSelect) - const registryIdOption = getByText('repo1') - await userEvent.click(registryIdOption) + await testMultiSelectChange(registriesSelect, 'repo1', '') expect(useGetAllHarnessArtifactsQuery).toHaveBeenLastCalledWith({ space_ref: 'undefined/+', diff --git a/web/src/ar/pages/artifact-list/components/ArtifactListTable/ArtifactListTable.module.scss b/web/src/ar/pages/artifact-list/components/ArtifactListTable/ArtifactListTable.module.scss index 0a9a052c3..1f24a99a5 100644 --- a/web/src/ar/pages/artifact-list/components/ArtifactListTable/ArtifactListTable.module.scss +++ b/web/src/ar/pages/artifact-list/components/ArtifactListTable/ArtifactListTable.module.scss @@ -34,7 +34,7 @@ div[class*='TableV2--cells'], div[class*='TableV2--header'] { display: grid !important; - grid-template-columns: minmax(var(--har-table-name-column-min-width), 1fr) 10rem 10rem 15rem 15rem 15rem; + grid-template-columns: minmax(var(--har-table-name-column-min-width), 1fr) 12rem 10rem 8rem 12rem 12rem 8rem; } } diff --git a/web/src/ar/pages/artifact-list/components/ArtifactListTable/ArtifactListTable.tsx b/web/src/ar/pages/artifact-list/components/ArtifactListTable/ArtifactListTable.tsx index acb7dc48c..cc2630286 100644 --- a/web/src/ar/pages/artifact-list/components/ArtifactListTable/ArtifactListTable.tsx +++ b/web/src/ar/pages/artifact-list/components/ArtifactListTable/ArtifactListTable.tsx @@ -30,6 +30,7 @@ import { ArtifactNameCell, LatestArtifactCell } from './ArtifactListTableCell' +import { RepositoryNameCell } from '../RegistryArtifactListTable/RegistryArtifactListTableCell' import css from './ArtifactListTable.module.scss' export interface ArtifactListColumnActions { @@ -78,6 +79,12 @@ export default function ArtifactListTable(props: ArtifactListTableProps): JSX.El Cell: ArtifactNameCell, serverSortProps: getServerSortProps('name') }, + { + Header: getString('artifactList.table.columns.repository'), + accessor: 'registryIdentifier', + Cell: RepositoryNameCell, + serverSortProps: getServerSortProps('registryIdentifier') + }, { Header: getString('artifactList.table.columns.pullCommand'), accessor: 'pullCommand',