ebdfbbf57d
When a gcp image is successfully uploaded the user needs to know the project id, image name, and account the image is shared with. These are now displayed in a popover accessible from the status section of the images table.
316 lines
12 KiB
JavaScript
316 lines
12 KiB
JavaScript
import React from 'react';
|
|
import { screen, render } from '@testing-library/react';
|
|
import { renderWithReduxRouter } from '../../testUtils';
|
|
import ImagesTable from '../../../Components/ImagesTable/ImagesTable';
|
|
import ImageBuildStatus from '../../../Components/ImagesTable/ImageBuildStatus';
|
|
import ImageLink from '../../../Components/ImagesTable/ImageLink';
|
|
import Upload from '../../../Components/ImagesTable/Upload';
|
|
import '@testing-library/jest-dom';
|
|
|
|
const store = {
|
|
composes: {
|
|
errors: null,
|
|
allIds: [
|
|
'c1cfa347-4c37-49b5-8e73-6aa1d1746cfa',
|
|
'edbae1c2-62bc-42c1-ae0c-3110ab718f58',
|
|
'42ad0826-30b5-4f64-a24e-957df26fd564',
|
|
'955944a2-e149-4058-8ac1-35b514cb5a16',
|
|
'f7a60094-b376-4b58-a102-5c8c82dfd18b',
|
|
'1579d95b-8f1d-4982-8c53-8c2afa4ab04c',
|
|
'61b0effa-c901-4ee5-86b9-2010b47f1b22',
|
|
'ca03f120-9840-4959-871e-94a5cb49d1f2',
|
|
'551de6f6-1533-4b46-a69f-7924051f9bc6',
|
|
'77fa8b03-7efb-4120-9a20-da66d68c4494',
|
|
],
|
|
byId: {
|
|
'1579d95b-8f1d-4982-8c53-8c2afa4ab04c': {
|
|
id: '1579d95b-8f1d-4982-8c53-8c2afa4ab04c',
|
|
created_at: '2021-04-27 12:31:12.794809 +0000 UTC',
|
|
request: {
|
|
distribution: 'rhel-8',
|
|
image_requests: [
|
|
{
|
|
architecture: 'x86_64',
|
|
image_type: 'ami',
|
|
upload_request: {
|
|
type: 'aws',
|
|
options: {}
|
|
}
|
|
}
|
|
],
|
|
},
|
|
image_status: {
|
|
status: 'success',
|
|
upload_status: {
|
|
options: {
|
|
ami: 'ami-0217b81d9be50e44b',
|
|
region: 'us-east-1'
|
|
},
|
|
status: 'success',
|
|
type: 'aws'
|
|
}
|
|
},
|
|
},
|
|
// kept "running" for backward compatibility
|
|
'c1cfa347-4c37-49b5-8e73-6aa1d1746cfa': {
|
|
id: 'c1cfa347-4c37-49b5-8e73-6aa1d1746cfa',
|
|
created_at: '2021-04-27 12:31:12.794809 +0000 UTC',
|
|
request: {
|
|
distribution: 'rhel-8',
|
|
image_requests: [
|
|
{
|
|
architecture: 'x86_64',
|
|
image_type: 'ami',
|
|
upload_request: {
|
|
type: 'aws',
|
|
options: {}
|
|
}
|
|
}
|
|
],
|
|
},
|
|
image_status: {
|
|
status: 'running',
|
|
},
|
|
},
|
|
'edbae1c2-62bc-42c1-ae0c-3110ab718f58': {
|
|
id: 'edbae1c2-62bc-42c1-ae0c-3110ab718f58',
|
|
created_at: '2021-04-27 12:31:12.794809 +0000 UTC',
|
|
request: {
|
|
distribution: 'rhel-8',
|
|
image_requests: [
|
|
{
|
|
architecture: 'x86_64',
|
|
image_type: 'ami',
|
|
upload_request: {
|
|
type: 'aws',
|
|
options: {}
|
|
}
|
|
}
|
|
],
|
|
},
|
|
image_status: {
|
|
status: 'pending',
|
|
},
|
|
},
|
|
'42ad0826-30b5-4f64-a24e-957df26fd564': {
|
|
id: '42ad0826-30b5-4f64-a24e-957df26fd564',
|
|
created_at: '2021-04-27 12:31:12.794809 +0000 UTC',
|
|
request: {
|
|
distribution: 'rhel-8',
|
|
image_requests: [
|
|
{
|
|
architecture: 'x86_64',
|
|
image_type: 'ami',
|
|
upload_request: {
|
|
type: 'aws',
|
|
options: {}
|
|
}
|
|
}
|
|
],
|
|
},
|
|
image_status: {
|
|
status: 'building',
|
|
},
|
|
},
|
|
'955944a2-e149-4058-8ac1-35b514cb5a16': {
|
|
id: '955944a2-e149-4058-8ac1-35b514cb5a16',
|
|
created_at: '2021-04-27 12:31:12.794809 +0000 UTC',
|
|
request: {
|
|
distribution: 'rhel-8',
|
|
image_requests: [
|
|
{
|
|
architecture: 'x86_64',
|
|
image_type: 'ami',
|
|
upload_request: {
|
|
type: 'aws',
|
|
options: {}
|
|
}
|
|
}
|
|
],
|
|
},
|
|
image_status: {
|
|
status: 'uploading',
|
|
},
|
|
},
|
|
'f7a60094-b376-4b58-a102-5c8c82dfd18b': {
|
|
id: 'f7a60094-b376-4b58-a102-5c8c82dfd18b',
|
|
created_at: '2021-04-27 12:31:12.794809 +0000 UTC',
|
|
request: {
|
|
distribution: 'rhel-8',
|
|
image_requests: [
|
|
{
|
|
architecture: 'x86_64',
|
|
image_type: 'ami',
|
|
upload_request: {
|
|
type: 'aws',
|
|
options: {}
|
|
}
|
|
}
|
|
],
|
|
},
|
|
image_status: {
|
|
status: 'registering',
|
|
},
|
|
},
|
|
'61b0effa-c901-4ee5-86b9-2010b47f1b22': {
|
|
id: '61b0effa-c901-4ee5-86b9-2010b47f1b22',
|
|
created_at: '2021-04-27 12:31:12.794809 +0000 UTC',
|
|
request: {
|
|
distribution: 'rhel-8',
|
|
image_requests: [
|
|
{
|
|
architecture: 'x86_64',
|
|
image_type: 'ami',
|
|
upload_request: {
|
|
type: 'aws',
|
|
options: {}
|
|
}
|
|
}
|
|
],
|
|
},
|
|
image_status: {
|
|
status: 'failure',
|
|
},
|
|
},
|
|
'ca03f120-9840-4959-871e-94a5cb49d1f2': {
|
|
id: 'ca03f120-9840-4959-871e-94a5cb49d1f2',
|
|
created_at: '2021-04-27 12:31:12.794809 +0000 UTC',
|
|
request: {
|
|
distribution: 'rhel-8',
|
|
image_requests: [
|
|
{
|
|
architecture: 'x86_64',
|
|
image_type: 'vhd',
|
|
upload_request: {
|
|
type: 'gcp',
|
|
options: {
|
|
share_with_accounts: [
|
|
'serviceAccount:test@email.com'
|
|
]
|
|
}
|
|
}
|
|
}
|
|
],
|
|
},
|
|
image_status: {
|
|
status: 'success',
|
|
upload_status: {
|
|
options: {
|
|
image_name: 'composer-api-d446d8cb-7c16-4756-bf7d-706293785b05',
|
|
project_id: 'red-hat-image-builder'
|
|
},
|
|
status: 'success',
|
|
type: 'gcp'
|
|
}
|
|
},
|
|
},
|
|
'551de6f6-1533-4b46-a69f-7924051f9bc6': {
|
|
id: '551de6f6-1533-4b46-a69f-7924051f9bc6',
|
|
created_at: '2021-04-27 12:31:12.794809 +0000 UTC',
|
|
request: {
|
|
distribution: 'rhel-8',
|
|
image_requests: [
|
|
{
|
|
architecture: 'x86_64',
|
|
image_type: 'vhd',
|
|
upload_request: {
|
|
type: 'azure',
|
|
options: {}
|
|
}
|
|
}
|
|
],
|
|
},
|
|
image_status: {
|
|
status: 'building',
|
|
},
|
|
},
|
|
'77fa8b03-7efb-4120-9a20-da66d68c4494': {
|
|
id: '77fa8b03-7efb-4120-9a20-da66d68c4494',
|
|
created_at: '2021-04-27 12:31:12.794809 +0000 UTC',
|
|
request: {
|
|
distribution: 'rhel-8',
|
|
image_requests: [
|
|
{
|
|
architecture: 'x86_64',
|
|
image_type: 'vhd',
|
|
upload_request: {
|
|
type: 'azure',
|
|
options: {
|
|
tenant_id: 'test-tenant-id',
|
|
subscription_id: 'test-subscription-id',
|
|
resource_group: 'test-resource-group'
|
|
}
|
|
}
|
|
}
|
|
],
|
|
},
|
|
image_status: {
|
|
status: 'success',
|
|
upload_status: {
|
|
options: {
|
|
image_name: 'composer-api-cc5920c3-5451-4282-aab3-725d3df7f1cb'
|
|
},
|
|
status: 'success',
|
|
type: 'azure'
|
|
}
|
|
},
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
describe('Images Table', () => {
|
|
beforeEach(() => {
|
|
renderWithReduxRouter(<ImagesTable />, store);
|
|
});
|
|
|
|
test('render ImagesTable', () => {
|
|
// make sure the empty-state message isn't present
|
|
const emptyState = screen.queryByTestId('empty-state');
|
|
expect(emptyState).not.toBeInTheDocument();
|
|
|
|
// check table
|
|
const table = screen.getByTestId('images-table');
|
|
expect(table.rows).toHaveLength(11);
|
|
for (const row of table.rows) {
|
|
const col1 = row.cells[0].textContent;
|
|
if (col1 === 'Image') // skip header
|
|
{continue;}
|
|
|
|
const compose = store.composes.byId[col1];
|
|
expect(compose).toBeTruthy();
|
|
|
|
// date should match the month day and year of the timestamp.
|
|
expect(row.cells[1]).toHaveTextContent('Apr 27, 2021');
|
|
|
|
// render the expected <ImageBuildStatus /> and compare the text content
|
|
let testElement = document.createElement('testElement');
|
|
render(<Upload uploadType={ compose.request.image_requests[0].upload_request.type } />, { container: testElement });
|
|
expect(row.cells[3]).toHaveTextContent(testElement.textContent);
|
|
|
|
// render the expected <ImageBuildStatus /> and compare the text content
|
|
render(<ImageBuildStatus status={ compose.image_status.status } />, { container: testElement });
|
|
expect(row.cells[4]).toHaveTextContent(testElement.textContent);
|
|
|
|
// render the expected <ImageLink /> and compare the text content for a link
|
|
render(
|
|
<ImageLink imageStatus={ compose.image_status } uploadOptions={ compose.request.image_requests[0].upload_request.options } />,
|
|
{ container: testElement }
|
|
);
|
|
expect(row.cells[5]).toHaveTextContent(testElement.textContent);
|
|
}
|
|
});
|
|
});
|
|
|
|
describe('Images Table Toolbar', () => {
|
|
beforeEach(() => {
|
|
renderWithReduxRouter(<ImagesTable />, store);
|
|
});
|
|
test('render toolbar', () => {
|
|
// check create image button
|
|
screen.getByTestId('create-image-action');
|
|
|
|
// check pagination renders
|
|
screen.getByTestId('images-pagination');
|
|
});
|
|
});
|