5 |
8 |
9 | `;
10 |
--------------------------------------------------------------------------------
/portal/src/app/components/all-experiments/hooks/index.ts:
--------------------------------------------------------------------------------
1 | export * from './useExperimentsData';
2 |
--------------------------------------------------------------------------------
/portal/src/app/components/all-experiments/models/experiments.interface.ts:
--------------------------------------------------------------------------------
1 | import { ITestRunResult, ITestRunResultData } from '../../../shared/models/test-run-result.interface';
2 |
3 | export type TestRunSubset = Pick
19 |
20 |
22 |
23 | );
24 | };
25 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-dropdown-indicator/__snapshots__/CustomDropdownIndicator.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`CustomDropdownIndicator should render CustomDropdownIndicator 1`] = `
4 |
5 |
13 | `;
14 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-dropdown-indicator/index.ts:
--------------------------------------------------------------------------------
1 | export * from './CustomDropdownIndicator';
2 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-option/CustomOption.module.scss:
--------------------------------------------------------------------------------
1 | .icon {
2 | inline-size: 14px;
3 | margin-inline-end: 12px;
4 | }
5 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-option/__snapshots__/CustomOption.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`CustomOption should render CustomOption 1`] = `
4 |
8 |
11 |
12 |
8 | 
13 |
14 | Option1
15 |
16 |
17 | `;
18 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-option/index.ts:
--------------------------------------------------------------------------------
1 | export * from './CustomOption';
2 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/CustomValueContainer.module.scss:
--------------------------------------------------------------------------------
1 | .icon {
2 | inline-size: 14px;
3 | margin-inline-end: 12px;
4 | }
5 |
6 | .input_wrapper {
7 | display: flex;
8 | align-items: center;
9 | }
10 |
11 | .value {
12 | margin-block-start: 5px;
13 | }
14 |
15 | .placeholder {
16 | color: #878c94;
17 | }
18 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/__snapshots__/CustomValueContainer.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`CustomValueContainer should render CustomValueContainer 1`] = `
4 |
13 |
14 | Option1
15 |
16 |
5 |
17 | `;
18 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/components/custom-value-container/index.ts:
--------------------------------------------------------------------------------
1 | export * from './CustomValueContainer';
2 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/hooks/useDynamicChartData.test.ts:
--------------------------------------------------------------------------------
1 | import { act, renderHook } from "@testing-library/react";
2 | import { useDynamicChartData } from "./useDynamicChartData";
3 | import { MOCK_DATA_FOR_EXPERIMENT } from "../../../../__mocks__/mocks";
4 |
5 | describe('useDynamicChartData', () => {
6 | test('should get data', async () => {
7 |
8 | const { result } = renderHook(() => useDynamicChartData(MOCK_DATA_FOR_EXPERIMENT));
9 | act(() => {
10 | expect(result.current).toEqual( {yAxiosOptions: [{label: "Average Cpu", value: "average_cpu"}, {label: "Average Memory", value: "average_memory"}, {label: "Bytes Throughput", value: "bytes_throughput"}, {label: "Request Throughput", value: "request_throughput"}]});
11 | });
12 | });
13 | });
14 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/index.ts:
--------------------------------------------------------------------------------
1 | export * from './DynamicChart';
2 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/models/dynamic-chart.interface.ts:
--------------------------------------------------------------------------------
1 | import { AttSelectOption } from "../../../../../../../../../shared/components/att-select";
2 |
3 | export enum ChartType {
4 | LINE = 'line',
5 | BAR = 'bar',
6 | }
7 |
8 | export const chartTypeOptions: AttSelectOption[] = Object.keys(ChartType).map((key) => ({
9 | value: ChartType[key as keyof typeof ChartType],
10 | label: key,
11 | }));
12 |
13 | export enum XAxisType {
14 | NUMBER_OF_ITERATIONS = 'Number of Iterations',
15 | }
16 |
17 | export const xAxisTypeOptions: AttSelectOption[] = Object.keys(XAxisType).map((key) => ({
18 | value: key,
19 | label: XAxisType[key as keyof typeof XAxisType],
20 | }));
21 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/translate/en.ts:
--------------------------------------------------------------------------------
1 | export const DYNAMIC_CHART_EN = {
2 | SELECTORS: {
3 | LABELS: {
4 | Y_AXIOS: 'Y:',
5 | X_AXIOS: 'X:',
6 | },
7 | PLACEHOLDERS: {
8 | Y_AXIOS: 'Select Y axios',
9 | X_AXIOS: 'Select X axios',
10 | CHART_TYPE: 'Select chart type',
11 | },
12 | },
13 | X_VALUES_TITLE: {
14 | ITERATIONS: 'Iterations',
15 | }
16 | };
17 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/utils/dynamic-chart.utils.test.ts:
--------------------------------------------------------------------------------
1 | import { ChartType } from '../models/dynamic-chart.interface';
2 | import { capitalizeFirstLetter, getIconByValue, getTitleByXAxiosValue } from './dynamic-chart.utils';
3 | import LineSvg from '../../../../../../../../../../../src/assets/images/line.svg';
4 | import BarSvg from '../../../../../../../../../../../src/assets/images/bar.svg';
5 |
6 | describe('Dynamic chart util test', () => {
7 | test('should get icon by value', () => {
8 | expect(getIconByValue(ChartType.LINE)).toBe(LineSvg);
9 | expect(getIconByValue(ChartType.BAR)).toBe(BarSvg);
10 | });
11 |
12 | test('should capitalize first letter', () => {
13 | expect(capitalizeFirstLetter('test')).toBe('Test');
14 | });
15 |
16 | test('should get title by XAxios value', () => {
17 | expect(getTitleByXAxiosValue('NUMBER_OF_ITERATIONS')).toBe('Iterations');
18 | });
19 | });
20 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/components/dynamic-chart/utils/dynamic-chart.utils.ts:
--------------------------------------------------------------------------------
1 | import { ChartType } from "../models/dynamic-chart.interface";
2 | import LineSvg from '../../../../../../../../../../../src/assets/images/line.svg';
3 | import BarSvg from '../../../../../../../../../../../src/assets/images/bar.svg';
4 | import { DYNAMIC_CHART_EN } from "../translate/en";
5 |
6 | export function getIconByValue(value: ChartType): string {
7 | return value === ChartType.LINE ? LineSvg : BarSvg;
8 | }
9 |
10 | export function capitalizeFirstLetter(str: string): string {
11 | return str.charAt(0).toUpperCase() + str.slice(1);
12 | }
13 |
14 | export function getTitleByXAxiosValue(value: string): string {
15 | return value === 'NUMBER_OF_ITERATIONS' ? DYNAMIC_CHART_EN.X_VALUES_TITLE.ITERATIONS : '';
16 | }
17 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/index.ts:
--------------------------------------------------------------------------------
1 | export * from './Charts';
2 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/models/bar-chart.const.ts:
--------------------------------------------------------------------------------
1 | import { ITestRunResultData } from '../../../../../../../shared/models/test-run-result.interface';
2 | import { CHARTS_EN } from '../translate/en';
3 |
4 | type TooltipKeys = keyof ITestRunResultData;
5 | export const tooltipKeys: TooltipKeys[] = ['iterations', 'message_size'];
6 | export const tooltipLabels = ['Iterations', 'Message Size'];
7 |
8 | export enum ChartKey {
9 | average_cpu = 'average_cpu',
10 | average_memory = 'average_memory',
11 | }
12 |
13 | export type ChartTitleDisplayMappingType = { [key in keyof typeof ChartKey]: string; }
14 | export const ChartTitleDisplayMapping: ChartTitleDisplayMappingType = {
15 | [ChartKey.average_cpu]: `${CHARTS_EN.CHART_TITLES.PREFIX} ${CHARTS_EN.CHART_TITLES.AVERAGE_CPU}`,
16 | [ChartKey.average_memory]: `${CHARTS_EN.CHART_TITLES.PREFIX} ${CHARTS_EN.CHART_TITLES.AVERAGE_MEMORY}`,
17 | } as unknown as ChartTitleDisplayMappingType;
18 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/models/line-chart-data.interface.ts:
--------------------------------------------------------------------------------
1 | interface IDatasets {
2 | label: string;
3 | data: any;
4 | fill: boolean;
5 | backgroundColor: string;
6 | borderColor: string;
7 | borderWidth: number;
8 | }
9 |
10 | export interface ILineChartData {
11 | labels: number[];
12 | datasets: IDatasets[];
13 | }
14 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/translate/en.ts:
--------------------------------------------------------------------------------
1 | export const CHARTS_EN = {
2 | TITLE: 'Visualization',
3 | Y_AXIS_TITLE: 'Memory (%)',
4 | CHART_TITLES: {
5 | PREFIX: 'Server Memory (%) vs.',
6 | AVERAGE_CPU: 'Average CPU',
7 | AVERAGE_MEMORY: 'Average Memory',
8 | ERROR_RATE: 'Error Rate',
9 | BYTES_THROUGHPUT: 'Bytes Throughput',
10 | MESSAGES_THROUGHPUT: 'Messages Throughput',
11 | AVERAGE_TLS_HANDSHAKE_TIME: 'Average TLS Handshake Time',
12 | },
13 | }
14 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/utils/__mocks__/index.ts:
--------------------------------------------------------------------------------
1 | export * from './mocks';
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/utils/chart.utils.test.ts:
--------------------------------------------------------------------------------
1 | import { renderHook } from '@testing-library/react';
2 | import { getChartTitleByType, getKeysOfData, getLabels } from './chart.utils';
3 | import { MOCK_DATA_FOR_CHART_UTILS } from './__mocks__';
4 |
5 | describe('Chart utils', () => {
6 | test('should get labels from data', () => {
7 | const { result } = renderHook(() => getLabels(MOCK_DATA_FOR_CHART_UTILS));
8 | expect(result.current).toEqual(['Algorithm1 (iteration 1) ', 'Algorithm2 (iteration 2) ', 'Algorithm1 (iteration 3) ']);
9 | });
10 |
11 | test('should get keys of data', () => {
12 | const { result } = renderHook(() => getKeysOfData(MOCK_DATA_FOR_CHART_UTILS[0].results));
13 | expect(result.current).toEqual(['average_cpu', 'average_memory', 'bytes_throughput', 'request_throughput']);
14 | });
15 |
16 | test('should chart title by type', () => {
17 | const { result } = renderHook(() => getChartTitleByType('average_cpu'));
18 | expect(result.current).toEqual("Server Memory (%) vs. Average CPU");
19 | });
20 | });
21 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/utils/chart.utils.ts:
--------------------------------------------------------------------------------
1 | import { IResult, ITestRunResultData } from '../../../../../../../shared/models/test-run-result.interface';
2 | import { ChartKey, ChartTitleDisplayMapping } from '../models/bar-chart.const';
3 |
4 | export function getLabels(data: ITestRunResultData[]): string[] {
5 | return data.map((obj: ITestRunResultData, index: number) => `${obj.algorithm} (iteration ${index + 1}) `);
6 | }
7 |
8 | export function getKeysOfData(results: IResult): string[] {
9 | return Object.keys(results);
10 | }
11 |
12 | export function getChartTitleByType(type: string): string | undefined {
13 | return ChartTitleDisplayMapping[type as unknown as ChartKey];
14 | }
15 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/charts/utils/test-run.utils.ts:
--------------------------------------------------------------------------------
1 | import { ITestRunResultData } from "../../../../../../../shared/models/test-run-result.interface";
2 |
3 | export function sortDataByAlgorithm(dataObject: ITestRunResultData[]) {
4 | return dataObject.sort((a, b) => {
5 | if (a.algorithm < b.algorithm) {
6 | return -1;
7 | }
8 | if (a.algorithm > b.algorithm) {
9 | return 1;
10 | }
11 | if (a.iterations < b.iterations) {
12 | return -1;
13 | }
14 | if (a.iterations > b.iterations) {
15 | return 1;
16 | }
17 | return 0;
18 | });
19 | }
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/delete-experiment-modal/DeleteExperimentModal.module.scss:
--------------------------------------------------------------------------------
1 | .submit_button {
2 | inline-size: 150px;
3 | block-size: 50px;
4 | }
5 |
6 | .description {
7 | font-size: 18px;
8 | padding-inline-start: 8px;
9 | }
10 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/delete-experiment-modal/DeleteExperimentModal.test.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @typescript-eslint/typedef */
2 | import { act, fireEvent, render, RenderResult } from '@testing-library/react';
3 | import { DeleteExperimentModal, DeleteExperimentModalProps } from './DeleteExperimentModal';
4 |
5 | describe('EditExperimentModal', () => {
6 | test('renders edit Experiment modal correctly', () => {
7 | const props: DeleteExperimentModalProps = {
8 | name: ['Test'],
9 | onClose: jest.fn(),
10 | };
11 | const { baseElement }: RenderResult = render(
8 |
16 |
11 |
14 |
15 |
15 | {titles.map((title) => (
16 | props.handleButtonClick(title)}
19 | isSelected={props.currentSection === title}
20 | >
21 | {title}
22 |
23 | ))}
24 |
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/experiment-tabs/components/experiment-tab-button/ExperimentTabButton.module.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/variables-keys";
2 |
3 | .experiment_tab_button_wrapper {
4 | display: contents;
5 | }
6 |
7 | .experiment_tab_button {
8 | color: var($attPurple);
9 | font-size: 16px;
10 | margin-block-start: 30px;
11 | margin-inline-end: 30px;
12 | background-color: transparent;
13 | border: none;
14 | outline: none;
15 | cursor: pointer;
16 | position: relative;
17 |
18 | &:after {
19 | content: "";
20 | display: block;
21 | block-size: 3px;
22 | background-color: var($attPurple);
23 | transform: scaleX(0);
24 | transition: transform 0.3s ease-in-out;
25 | position: absolute;
26 | inset-inline-start: 0;
27 | inset-inline-end: 0;
28 | inset-block-end: -10px;
29 | }
30 |
31 | &.selected:after {
32 | transform: scaleX(1);
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/experiment-tabs/components/experiment-tab-button/ExperimentTabButton.test.tsx:
--------------------------------------------------------------------------------
1 | import { render, RenderResult } from '@testing-library/react';
2 | import { ExperimentTabButton, ExperimentTabButtonProps } from './ExperimentTabButton';
3 |
4 | describe('ExperimentTabButton', () => {
5 | test('renders ExperimentTabButton', () => {
6 | const experimentTabButtonProps: ExperimentTabButtonProps = {
7 | isSelected: true,
8 | onClick: jest.fn(),
9 | children: undefined,
10 | };
11 |
12 | const { container }: RenderResult = render(
13 |
19 |
20 | );
21 | };
22 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/experiment-tabs/components/experiment-tab-button/__snapshots__/ExperimentTabButton.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`ExperimentTabButton renders ExperimentTabButton 1`] = `
4 |
11 | `;
12 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/experiment-tabs/components/experiment-tab-button/index.ts:
--------------------------------------------------------------------------------
1 | export * from './ExperimentTabButton';
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/experiment-tabs/index.ts:
--------------------------------------------------------------------------------
1 | export * from './ExperimentTabs';
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/sub-header/index.ts:
--------------------------------------------------------------------------------
1 | export * from './SubHeader';
2 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/sub-header/translate/en.ts:
--------------------------------------------------------------------------------
1 | export const SUB_HEADER_EN = {
2 | ALGORITHM: 'Algorithm(s)',
3 | ITERATIONS: 'Iterations',
4 | CSV_REPORT: {
5 | FILE_NAME: 'Experiment-Data-Report',
6 | TABLE: {
7 | COLUMNS: {
8 | ID: 'ID',
9 | ALGORITHM: 'Algorithm',
10 | ITERATIONS: 'Iterations',
11 | AVERAGE_CPU: 'Average CPU',
12 | AVERAGE_MEMORY: 'Average Memory',
13 | },
14 | },
15 | },
16 | };
17 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/sub-header/utils/data-to-csv.util.test.ts:
--------------------------------------------------------------------------------
1 | import { CsvDataType } from '../../../../../../../utils/download';
2 | import { CSV_MOCK } from '../../__mocks__/mocks';
3 | import { mapExperimentDataToCsvDataType } from './data-to-csv.util';
4 |
5 | describe('mapExperimentDataToCsvDataType', () => {
6 | it('should map the input list to CsvDataType correctly', () => {
7 | const mockList = CSV_MOCK;
8 |
9 | const expectedOutput: CsvDataType = [
10 | [ 'ID', 'Algorithm', 'Iterations', 'Average CPU', 'Average Memory' ],
11 | [ 1, 'App1', 1000, 2000, 3000 ],
12 | [ 2, 'App2', 4000, 5000, 6000 ]
13 | ];
14 |
15 | const result = mapExperimentDataToCsvDataType(mockList);
16 | expect(result).toEqual(expectedOutput);
17 | });
18 | });
19 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/sub-header/utils/data-to-csv.util.ts:
--------------------------------------------------------------------------------
1 | import { ITestRunResultData } from '../../../../../../../shared/models/test-run-result.interface';
2 | import { CsvDataType } from '../../../../../../../utils/download';
3 | import { SUB_HEADER_EN } from '../translate/en';
4 |
5 | const ExperimentDataReportCsvFileTitles: string[] = [
6 | SUB_HEADER_EN.CSV_REPORT.TABLE.COLUMNS.ID,
7 | SUB_HEADER_EN.CSV_REPORT.TABLE.COLUMNS.ALGORITHM,
8 | SUB_HEADER_EN.CSV_REPORT.TABLE.COLUMNS.ITERATIONS,
9 | SUB_HEADER_EN.CSV_REPORT.TABLE.COLUMNS.AVERAGE_CPU,
10 | SUB_HEADER_EN.CSV_REPORT.TABLE.COLUMNS.AVERAGE_MEMORY,
11 | ];
12 |
13 | export function mapExperimentDataToCsvDataType(list: ITestRunResultData[]): CsvDataType {
14 | return [
15 | ExperimentDataReportCsvFileTitles,
16 | ...list.map((item: ITestRunResultData) => [
17 | item.id,
18 | item.algorithm,
19 | item.iterations,
20 | item.results.average_cpu,
21 | item.results.average_memory,
22 | ])];
23 | }
24 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/sub-header/utils/sub-header.utils.ts:
--------------------------------------------------------------------------------
1 | import { uniq } from "lodash";
2 | import { ITestRunResultData } from "../../../../../../../shared/models/test-run-result.interface";
3 |
4 | export function getAlgorithmsName(data: ITestRunResultData[]): string {
5 | const algorithms: string[] = data.map((item: ITestRunResultData) => item.algorithm);
6 | const uniqueAlgorithms: string[] = uniq(algorithms);
7 |
8 | return uniqueAlgorithms.join(', ');;
9 | }
10 |
11 | export function getIterations(data: ITestRunResultData[]): string {
12 | const iterations: number[] = data.map((item: ITestRunResultData) => item.iterations);
13 | const uniqueIterations: number[] = uniq(iterations);
14 | const orderIterations: number[] = uniqueIterations.sort((a: number, b: number) => a - b);
15 |
16 | return orderIterations.join(', ');;
17 | }
18 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/table-options/components/select-columns-popup/index.ts:
--------------------------------------------------------------------------------
1 | export * from './SelectColumnsPopup';
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/table-options/components/select-columns-popup/translate/en.ts:
--------------------------------------------------------------------------------
1 | export const SELECT_COLUMNS_EN = {
2 | TITLE: 'Select columns to display',
3 | RESET_TO_DEFAULT: 'Reset to default',
4 | SAVE: 'Save',
5 | }
6 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/table-options/components/select-columns-popup/utils/convert-data-to-options.utils.ts:
--------------------------------------------------------------------------------
1 | import { TableOptionsData } from '../../../constants/table-options.const';
2 |
3 | export function convertDataToOptions(data: typeof TableOptionsData) {
4 | return [
5 | {
6 | label: 'iterations',
7 | value: data.options[0]
8 | },
9 | {
10 | label: 'results.average_cpu',
11 | value: data.options[2]
12 | },
13 | {
14 | label: 'results.average_memory',
15 | value: data.options[3]
16 | },
17 | {
18 | label: 'results.bytes_throughput',
19 | value: data.options[4]
20 | },
21 | {
22 | label: 'results.request_throughput',
23 | value: data.options[5]
24 | },
25 | {
26 | label: 'message_size',
27 | value: data.options[1]
28 | },
29 | ];
30 | }
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/table-options/index.ts:
--------------------------------------------------------------------------------
1 | export * from './TableOptions';
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/components/table-options/translate/en.ts:
--------------------------------------------------------------------------------
1 | export const TABLE_OPTIONS_EN = {
2 | VIEW_TO_GRAFANA: 'View in Grafana',
3 | SELECT_COLUMNS: 'Select columns',
4 | FILTERS: 'Filters',
5 | }
6 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/index.ts:
--------------------------------------------------------------------------------
1 | export * from './Experiment';
2 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/translate/en.ts:
--------------------------------------------------------------------------------
1 | export const EXPERIMENT_EN = {
2 | TABS: {
3 | RESULTS_DATA: 'Results Data',
4 | VISUALIZATION: 'Visualization',
5 | },
6 | }
7 |
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/utils/index.ts:
--------------------------------------------------------------------------------
1 | export * from './sections-scrolling.utils';
--------------------------------------------------------------------------------
/portal/src/app/components/home/components/experiment/utils/sections-scrolling.utils.ts:
--------------------------------------------------------------------------------
1 | import { Dispatch, RefObject, SetStateAction } from "react";
2 |
3 | export function handleSectionScrolling(
4 | resultsDataRef: RefObjectButton
);
11 | const { container, getByText }: RenderResult = render(InternalLink
);
20 | const { container }: RenderResult = render(
10 |
14 |
11 | InternalLink
12 |
13 |
17 |
35 |
18 |
23 | Home
24 |
25 |
26 |
27 |
31 | All Experiments
32 |
33 |
34 |
10 |
11 |
12 | );
13 |
--------------------------------------------------------------------------------
/portal/src/app/shared/components/loading_bar/__snapshots__/LoadingBar.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`LoadingBar renders LoadingBar 1`] = `
4 |
11 | `;
12 |
--------------------------------------------------------------------------------
/portal/src/app/shared/components/loading_bar/index.ts:
--------------------------------------------------------------------------------
1 | export * from './LoadingBar';
2 |
--------------------------------------------------------------------------------
/portal/src/app/shared/components/modal/BaseModal.test.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @typescript-eslint/typedef */
2 | import { render, RenderResult } from '@testing-library/react';
3 | import { BaseModalSize } from './base-modal.const';
4 | import { ButtonActionType, ButtonSize, ButtonStyleType } from '../att-button';
5 | import { BaseModal, BaseModalProps } from './BaseModal';
6 |
7 | jest.mock('../att-button', );
8 |
9 | describe('BaseModal', () => {
10 | test('renders modal', async () => {
11 | const handleClose = jest.fn();
12 | const props: BaseModalProps = {
13 | title: 'Test Title',
14 | actionButton: [{
15 | styleType: ButtonStyleType.PRIMARY,
16 | text: 'Save',
17 | onClick: handleClose,
18 | size: ButtonSize.LARGE,
19 | actionType: ButtonActionType.BUTTON,
20 | }],
21 | onCloseClick: jest.fn(),
22 | size: BaseModalSize.MEDIUM,
23 | };
24 | const { getByText }: RenderResult = render(
20 | {tabs.map(((tab: INavigationTab, index: number) => (
21 |
31 | );
32 | }
33 |
--------------------------------------------------------------------------------
/portal/src/app/shared/components/navigation-tab/__snapshots__/NavigationTab.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`NavigationTab renders Navigation Tab 1`] = `
4 |
22 |
26 | {tab.title}
27 |
28 |
29 | )))}
30 |
7 |
25 | `;
26 |
--------------------------------------------------------------------------------
/portal/src/app/shared/components/navigation-tab/index.ts:
--------------------------------------------------------------------------------
1 | export * from './NavigationTab';
2 |
--------------------------------------------------------------------------------
/portal/src/app/shared/components/selector-custom-option/SelectorCustomOption.module.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/variables-keys";
2 |
3 | .algorithms_input_option {
4 | margin-inline-end: 10px;
5 | margin-inline-start: 25px;
6 | cursor: pointer;
7 | }
8 |
9 | .algorithms_input_option_title {
10 | margin-inline-end: 10px;
11 | cursor: pointer;
12 | }
13 |
14 | .option_wrapper {
15 | inline-size: 17px;
16 | block-size: 17px;
17 | margin-inline-end: 12px;
18 | }
19 |
20 | .custom_input_option {
21 | margin-inline-end: 10px;
22 | cursor: pointer;
23 | }
24 |
25 | .input_option {
26 | display: none;
27 | }
--------------------------------------------------------------------------------
/portal/src/app/shared/components/selector-custom-option/components/__snapshots__/CustomInput.test.tsx.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`CustomInput should render AlgorithmsSelectorCustomOption correctly 1`] = `null`;
4 |
--------------------------------------------------------------------------------
/portal/src/app/shared/components/selector-custom-option/components/index.ts:
--------------------------------------------------------------------------------
1 | export * from './CustomInput';
2 |
--------------------------------------------------------------------------------
/portal/src/app/shared/components/selector-custom-option/index.ts:
--------------------------------------------------------------------------------
1 | export * from './SelectorCustomOption';
--------------------------------------------------------------------------------
/portal/src/app/shared/components/selector-custom-option/translate/en.ts:
--------------------------------------------------------------------------------
1 | export const SELECTOR_CUSTOM_OPTION_EN = {
2 | ADD_BUTTON: 'Add',
3 | ADD_NEW: 'Add new',
4 | ADD_NEW_BUTTON: '+ Add new',
5 | }
--------------------------------------------------------------------------------
/portal/src/app/shared/components/table/Table.module.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/variables-keys";
2 |
3 | table {
4 | margin-block-start: 10px;
5 | border-spacing: 0;
6 | border: 1px solid var($backgroundColorGray);
7 | inline-size: 100%;
8 | table-layout: fixed;
9 | }
10 |
11 | .table_titles {
12 | padding: 16px;
13 | background-color: var($attPurple);
14 | color: var($backgroundColorWhite);
15 |
16 | .sort_style {
17 | cursor: pointer;
18 | }
19 | }
20 |
21 | .table_content {
22 | background-color: var($backgroundColorWhite);
23 | padding: 16px;
24 | border-block-end: 1px solid var($backgroundColorGray);
25 | vertical-align: middle;
26 | }
27 |
--------------------------------------------------------------------------------
/portal/src/app/shared/components/table/index.ts:
--------------------------------------------------------------------------------
1 | export * from './Table';
2 |
--------------------------------------------------------------------------------
/portal/src/app/shared/components/toast/ATTToastContent.module.scss:
--------------------------------------------------------------------------------
1 | @import "./../../../../styles/variables-keys";
2 |
3 | .toast_wrapper {
4 | align-items: flex-start;
5 | display: flex;
6 | }
7 |
8 | .toast_content {
9 | word-break: break-word;
10 | align-self: center;
11 | line-height: 22px;
12 | }
13 |
14 | .toast_title {
15 | font-family: var($fontBold);
16 | font-size: 17px;
17 | margin-block-end: 4px;
18 | }
19 |
20 | .toast_message {
21 | white-space: pre-line;
22 | }
23 |
--------------------------------------------------------------------------------
/portal/src/app/shared/components/toast/ATTToastContent.test.tsx:
--------------------------------------------------------------------------------
1 | import { render, screen } from '@testing-library/react';
2 | import { ATTToastContent } from './ATTToastContent';
3 | import { ToastContentProps } from 'react-toastify';
4 |
5 | describe('ATTToastContent', () => {
6 | let props: ToastContentProps
8 |
13 | Home
14 |
15 |
16 |
17 |
21 | All Experiments
22 |
23 |
24 | Test Child
18 |
14 |
20 | );
21 |
--------------------------------------------------------------------------------
/portal/src/app/shared/components/toast/toast-container-config.const.ts:
--------------------------------------------------------------------------------
1 | import { Slide, ToastContainerProps } from 'react-toastify';
2 |
3 | export const ToastContainerConfig: ToastContainerProps = {
4 | position: 'bottom-right',
5 | autoClose: 4000,
6 | hideProgressBar: true,
7 | newestOnTop: true,
8 | closeOnClick: false,
9 | rtl: false,
10 | pauseOnFocusLoss: true,
11 | draggable: true,
12 | pauseOnHover: true,
13 | transition: Slide,
14 | icon: false,
15 | theme: 'light',
16 |
17 | className: 'att-toasts-container',
18 | toastClassName: 'att-toast-container',
19 | bodyClassName: 'att-toast-content',
20 | };
21 |
22 | export const ToastErrorDefaultConfig: ToastContainerProps = {
23 | autoClose: 15000,
24 | };
25 |
--------------------------------------------------------------------------------
/portal/src/app/shared/constants/dashboard.ts:
--------------------------------------------------------------------------------
1 | export const DashBoardPrefixLink: string = 'd/b3adde71-2231-4c2f-b216-3af0a16d8d9v/qujata-analysis?orgId=1';
2 |
--------------------------------------------------------------------------------
/portal/src/app/shared/constants/http.ts:
--------------------------------------------------------------------------------
1 | export enum HttpMethod {
2 | GET = 'get',
3 | POST = 'post',
4 | PUT = 'put',
5 | PATCH = 'patch',
6 | DELETE = 'delete',
7 | OPTIONS = 'options',
8 | HEAD = 'head',
9 | }
10 |
11 | export enum HttpStatusCode {
12 | OK = 200,
13 | CREATED = 201,
14 | BAD_REQUEST = 400,
15 | UNAUTHORIZED = 401,
16 | FORBIDDEN = 403,
17 | NOT_FOUND = 404,
18 | CONFLICT = 409,
19 | INTERNAL_SERVER_ERROR = 500,
20 | BAD_GATEWAY = 502
21 | }
22 |
23 | export enum RequestContentType {
24 | text = 'text/plain',
25 | json = 'application/json',
26 | }
27 |
--------------------------------------------------------------------------------
/portal/src/app/shared/constants/navigation-tabs.const.ts:
--------------------------------------------------------------------------------
1 | import { SHARED_EN } from '../../../../src/app/shared/translate/en';
2 |
3 | export const tabs = [
4 | {
5 | link: '/qujata',
6 | title: SHARED_EN.NAVIGATION_TABS.HOME,
7 | },
8 | {
9 | link: '/qujata/test_suites',
10 | title: SHARED_EN.NAVIGATION_TABS.ALL_EXPERIMENTS,
11 | }
12 | ];
13 |
--------------------------------------------------------------------------------
/portal/src/app/shared/context/RootContextState.tsx:
--------------------------------------------------------------------------------
1 | import { ReactNode } from 'react';
2 | import { SpinnerProviderWrapper } from './spinner';
3 |
4 | export const RootContextState: React.FC<{children: ReactNode}> = (props: {children: ReactNode}) => (
5 |
15 | {title &&
19 | {title}
}
16 | {message}
17 | {children}
18 | Test Child
10 |