1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import React from 'react';
6 import { mount, configure } from 'enzyme';
7 import { ProcessStatus, ResourceFileSize } from './renderers';
8 import Adapter from "enzyme-adapter-react-16";
9 import { Provider } from 'react-redux';
10 import configureMockStore from 'redux-mock-store'
11 import { ResourceKind } from '../../models/resource';
12 import { ContainerRequestState as CR } from '../../models/container-request';
13 import { ContainerState as C } from '../../models/container';
14 import { ProcessStatus as PS } from '../../store/processes/process';
16 const middlewares = [];
17 const mockStore = configureMockStore(middlewares);
19 configure({ adapter: new Adapter() });
21 describe('renderers', () => {
24 describe('ProcessStatus', () => {
26 uuid: 'zzzzz-xvhdp-zzzzzzzzzzzzzzz',
30 // Color values are arbitrary, but they should be
31 // representative of the colors used in the UI.
32 blue500: 'rgb(0, 0, 255)',
33 green700: 'rgb(0, 255, 0)',
34 yellow700: 'rgb(255, 255, 0)',
35 red900: 'rgb(255, 0, 0)',
36 grey500: 'rgb(128, 128, 128)',
44 white: 'rgb(255, 255, 255)',
51 // CR Status ; Priority ; C Status ; Exit Code ; C RuntimeStatus ; Expected label ; Expected Color
52 [CR.COMMITTED, 1, C.RUNNING, null, {}, PS.RUNNING, props.theme.customs.colors.blue500],
53 [CR.COMMITTED, 1, C.RUNNING, null, {error: 'whoops'}, PS.FAILING, props.theme.customs.colors.red900],
54 [CR.COMMITTED, 1, C.RUNNING, null, {warning: 'watch out!'}, PS.WARNING, props.theme.customs.colors.yellow700],
55 [CR.FINAL, 1, C.CANCELLED, null, {}, PS.CANCELLED, props.theme.customs.colors.red900],
56 [CR.FINAL, 1, C.COMPLETE, 137, {}, PS.FAILED, props.theme.customs.colors.red900],
57 [CR.FINAL, 1, C.COMPLETE, 0, {}, PS.COMPLETED, props.theme.customs.colors.green700],
58 [CR.COMMITTED, 0, C.LOCKED, null, {}, PS.ONHOLD, props.theme.customs.colors.grey500],
59 [CR.COMMITTED, 0, C.QUEUED, null, {}, PS.ONHOLD, props.theme.customs.colors.grey500],
60 [CR.COMMITTED, 1, C.LOCKED, null, {}, PS.QUEUED, props.theme.customs.colors.grey500],
61 [CR.COMMITTED, 1, C.QUEUED, null, {}, PS.QUEUED, props.theme.customs.colors.grey500],
62 ].forEach(([crState, crPrio, cState, exitCode, rs, eLabel, eColor]) => {
63 it(`should render the state label '${eLabel}' and color '${eColor}' for CR state=${crState}, priority=${crPrio}, C state=${cState}, exitCode=${exitCode} and RuntimeStatus=${JSON.stringify(rs)}`, () => {
64 const containerUuid = 'zzzzz-dz642-zzzzzzzzzzzzzzz';
65 const store = mockStore({ resources: {
67 kind: ResourceKind.CONTAINER_REQUEST,
69 containerUuid: containerUuid,
73 kind: ResourceKind.CONTAINER,
80 const wrapper = mount(<Provider store={store}>
81 <ProcessStatus {...props} />
84 expect(wrapper.text()).toEqual(eLabel);
85 expect(getComputedStyle(wrapper.getDOMNode())
86 .getPropertyValue('color')).toEqual(props.theme.palette.common.white);
87 expect(getComputedStyle(wrapper.getDOMNode())
88 .getPropertyValue('background-color')).toEqual(eColor);
93 describe('ResourceFileSize', () => {
100 it('should render collection fileSizeTotal', () => {
102 const store = mockStore({ resources: {
104 kind: ResourceKind.COLLECTION,
110 const wrapper = mount(<Provider store={store}>
111 <ResourceFileSize {...props}></ResourceFileSize>
115 expect(wrapper.text()).toContain('100 B');
118 it('should render 0 B as file size', () => {
120 const store = mockStore({ resources: {} });
123 const wrapper = mount(<Provider store={store}>
124 <ResourceFileSize {...props}></ResourceFileSize>
128 expect(wrapper.text()).toContain('0 B');
131 it('should render empty string for non collection resource', () => {
133 const store1 = mockStore({ resources: {
135 kind: ResourceKind.PROJECT,
138 const store2 = mockStore({ resources: {
140 kind: ResourceKind.PROJECT,
145 const wrapper1 = mount(<Provider store={store1}>
146 <ResourceFileSize {...props}></ResourceFileSize>
148 const wrapper2 = mount(<Provider store={store2}>
149 <ResourceFileSize {...props}></ResourceFileSize>
153 expect(wrapper1.text()).toContain('');
154 expect(wrapper2.text()).toContain('');