diff --git a/cypress/e2e/compare.cy.js b/cypress/e2e/compare.cy.js index 7bd25d9..7d52b90 100644 --- a/cypress/e2e/compare.cy.js +++ b/cypress/e2e/compare.cy.js @@ -7,9 +7,102 @@ describe('Performance', ()=>{ cy.contains('li', 'COMPARE').click(); }); - it('Enter Compare', () => { - const dataTransfer = new DataTransfer(); + it('Compare dropdown sorting Test', () => { + const expectedOptions = + ['By File Name (A to Z)', 'By File Name (Z to A)', 'By Dependency (A to Z)', 'By Dependency (Z to A)', 'By File Type (A to Z)', 'By File Type (Z to A)', 'By Last Update (A to Z)', 'By Last Update (Z to A)']; + cy.url().should('include', 'files'); + cy.get('.p-dropdown').click(); + cy.get('.p-dropdown-items') + .find('.p-dropdown-item') + .then($options => { + const actualOptions = $options.map((index, elem) => Cypress.$(elem).find('.p-dropdown-item-label').text()).get() + expect(actualOptions).to.deep.equal(expectedOptions) + }) + }) + + it('Grid Card Sorting Test', () => { + let originalData = []; + let sortedData = []; + + cy.url().should('include', 'files'); + cy.get('#compareGridCards').find('li').each($card => { + originalData.push($card.find('div h3').text().trim()); + }); + // Sort: By File Name (A to Z) + cy.get('.p-dropdown').click(); + cy.contains('.p-dropdown-item', 'By File Name (A to Z)').click(); + cy.wait(2000); + cy.get('#compareGridCards').find('li').each($card => { + sortedData.push($card.find('div h3').text().trim()); + }); + expect(sortedData).to.deep.equal(originalData.sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase()))); + // Sort: By File Name (Z to A) + sortedData = []; + cy.get('.p-dropdown').click(); + cy.contains('.p-dropdown-item', 'By File Name (Z to A)').click(); + cy.wait(2000); + cy.get('#compareGridCards').find('li').each($card => { + sortedData.push($card.find('div h3').text().trim()); + }); + expect(sortedData).to.deep.equal(originalData.sort((a, b) => a.name.toLowerCase().localeCompare(b.name.toLowerCase())).reverse()); + // Sort: By Dependency (A to Z) + cy.get('.p-dropdown').click(); + sortedData = []; + cy.contains('.p-dropdown-item', 'By Dependency (A to Z)').click(); + cy.wait(2000); + cy.get('#compareGridCards').find('li').each($card => { + sortedData.push($card.find('div h3').text().trim()); + }); + expect(sortedData).to.deep.equal(originalData.sort((a, b) => a.parentLog.toLowerCase().localeCompare(b.parentLog.toLowerCase()))); + // Sort: By Dependency (Z to A) + cy.get('.p-dropdown').click(); + sortedData = []; + cy.contains('.p-dropdown-item', 'By Dependency (Z to A)').click(); + cy.wait(2000); + cy.get('#compareGridCards').find('li').each($card => { + sortedData.push($card.find('div h3').text().trim()); + }); + expect(sortedData).to.deep.equal(originalData.sort((a, b) => a.parentLog.toLowerCase().localeCompare(b.parentLog.toLowerCase())).reverse()); + // Sort: By File Type (A to Z) + cy.get('.p-dropdown').click(); + sortedData = []; + cy.contains('.p-dropdown-item', 'By File Type (A to Z)').click(); + cy.wait(2000); + cy.get('#compareGridCards').find('li').each($card => { + sortedData.push($card.find('div h3').text().trim()); + }); + expect(sortedData).to.deep.equal(originalData.sort((a, b) => a.fileType.toLowerCase().localeCompare(b.fileType.toLowerCase()))); + // Sort: By File Type (Z to A) + cy.get('.p-dropdown').click(); + sortedData = []; + cy.contains('.p-dropdown-item', 'By File Type (Z to A)').click(); + cy.wait(2000); + cy.get('#compareGridCards').find('li').each($card => { + sortedData.push($card.find('div h3').text().trim()); + }); + expect(sortedData).to.deep.equal(originalData.sort((a, b) => a.fileType.toLowerCase().localeCompare(b.fileType.toLowerCase())).reverse()); + // Sort: By Last Update (A to Z) + cy.get('.p-dropdown').click(); + sortedData = []; + cy.contains('.p-dropdown-item', 'By Last Update (A to Z)').click(); + cy.wait(2000); + cy.get('#compareGridCards').find('li').each($card => { + sortedData.push($card.find('div h3').text().trim()); + }); + expect(sortedData).to.deep.equal(originalData.sort((a, b) => new Date(a.updated_base) - new Date(b.updated_base))); + // Sort: By Last Update (Z to A) + cy.get('.p-dropdown').click(); + sortedData = []; + cy.contains('.p-dropdown-item', 'By Last Update (Z to A)').click(); + cy.wait(2000); + cy.get('#compareGridCards').find('li').each($card => { + sortedData.push($card.find('div h3').text().trim()); + }); + expect(sortedData).to.deep.equal(originalData.sort((a, b) => new Date(a.updated_base) - new Date(b.updated_base)).reverse()); + }) + + it('Enter Compare', () => { cy.url().should('include', 'files'); cy.contains('button', 'Compare').should('be.disabled'); // 斷言按鈕為禁用狀態 // 安裝套件: cypress-drag-drop @@ -20,10 +113,16 @@ describe('Performance', ()=>{ cy.contains('h2', 'COMPARE'); cy.url().should('include', 'compare'); cy.wait(2000); - // // 斷言排序 - // // 斷言狀態欄 - // // 斷言頁面中有 7 個 canvas 元素 + // 斷言排序 + // 斷言頁面中有 7 個 canvas 元素 cy.get('canvas').should('have.length', 7); + // 斷言狀態欄 + cy.get('#compareState').click(); + cy.wait(3000); // 等待渲染 + cy.get('.p-sidebar-content li').first().then($li => { + const percentage = $li.find('span').eq(1).text(); + expect(percentage).to.match(/^\d+(\.\d+)?%$/); // 使用正則表達式來確認文字內容是否符合數字 + % 符號的組合 + }); }); it('Anchor', () => { diff --git a/src/views/Compare/Dashboard/data.js b/src/views/Compare/Dashboard/data.js deleted file mode 100644 index 9482181..0000000 --- a/src/views/Compare/Dashboard/data.js +++ /dev/null @@ -1,1626 +0,0 @@ -export const compareDashboardData = { - "time": { - "avg_cycle_time": { - "data": [ - { - "label": "random", - "data": [ - { - "x": "2022-01-21T03:22:13.850000", - "y": 0 - }, - { - "x": "2022-02-26T08:13:51.550000", - "y": 1000370.354839 - }, - { - "x": "2022-04-03T13:05:29.250000", - "y": 911986.291667 - }, - { - "x": "2022-05-09T17:57:06.950000", - "y": 1041865.814815 - }, - { - "x": "2022-06-14T22:48:44.650000", - "y": 985414.78125 - }, - { - "x": "2022-07-21T03:40:22.350000", - "y": 938087.73913 - }, - { - "x": "2022-08-26T08:32:00.050000", - "y": 1074683.238095 - }, - { - "x": "2022-10-01T13:23:37.750000", - "y": 1061845.913043 - }, - { - "x": "2022-11-06T18:15:15.450000", - "y": 970119.423077 - }, - { - "x": "2022-12-12T23:06:53.150000", - "y": 1060694.769231 - } - ] - }, - { - "label": "toComoare", - "data": [ - { - "x": "2022-01-21T03:22:13.850000", - "y": null - }, - { - "x": "2022-02-26T08:13:51.550000", - "y": 930269.7 - }, - { - "x": "2022-04-03T13:05:29.250000", - "y": 921961.666667 - }, - { - "x": "2022-05-09T17:57:06.950000", - "y": 1034307.846154 - }, - { - "x": "2022-06-14T22:48:44.650000", - "y": 982150.483871 - }, - { - "x": "2022-07-21T03:40:22.350000", - "y": 937859.95 - }, - { - "x": "2022-08-26T08:32:00.050000", - "y": 1067176.9 - }, - { - "x": "2022-10-01T13:23:37.750000", - "y": 1045593.52381 - }, - { - "x": "2022-11-06T18:15:15.450000", - "y": 948351.190476 - }, - { - "x": "2022-12-12T23:06:53.150000", - "y": 1031107.318182 - } - ] - } - ], - "x_axis": { - "min": "2022-01-03T00:56:25", - "max": "2022-12-31T01:32:42" - }, - "y_axis": { - "min": 0, - "max": 1074683.238095 - } - }, - "avg_cycle_efficiency": { - "data": [ - { - "label": "random", - "data": [ - { - "x": "2022-01-21T03:22:13.850000", - "y": 0 - }, - { - "x": "2022-02-26T08:13:51.550000", - "y": 0 - }, - { - "x": "2022-04-03T13:05:29.250000", - "y": 0.947511282981948 - }, - { - "x": "2022-05-09T17:57:06.950000", - "y": 0.953723238628633 - }, - { - "x": "2022-06-14T22:48:44.650000", - "y": 0.9529137699582065 - }, - { - "x": "2022-07-21T03:40:22.350000", - "y": 0.9489519596406311 - }, - { - "x": "2022-08-26T08:32:00.050000", - "y": 0.9538608171463852 - }, - { - "x": "2022-10-01T13:23:37.750000", - "y": 0.9548918755379221 - }, - { - "x": "2022-11-06T18:15:15.450000", - "y": 0.9469898402743924 - }, - { - "x": "2022-12-12T23:06:53.150000", - "y": 0.9505515680779113 - } - ] - }, - { - "label": "toComoare", - "data": [ - { - "x": "2022-01-21T03:22:13.850000", - "y": null - }, - { - "x": "2022-02-26T08:13:51.550000", - "y": 0 - }, - { - "x": "2022-04-03T13:05:29.250000", - "y": 0.949718913301548 - }, - { - "x": "2022-05-09T17:57:06.950000", - "y": 0.9540153436167056 - }, - { - "x": "2022-06-14T22:48:44.650000", - "y": 0.9531637852097744 - }, - { - "x": "2022-07-21T03:40:22.350000", - "y": 0.949933400150816 - }, - { - "x": "2022-08-26T08:32:00.050000", - "y": 0.953262857766933 - }, - { - "x": "2022-10-01T13:23:37.750000", - "y": 0.954014369056754 - }, - { - "x": "2022-11-06T18:15:15.450000", - "y": 0.9472440985939204 - }, - { - "x": "2022-12-12T23:06:53.150000", - "y": 0.9483798488623648 - } - ] - } - ], - "x_axis": { - "min": "2022-01-03T00:56:25", - "max": "2022-12-31T01:32:42" - }, - "y_axis": { - "min": 0, - "max": 1 - } - }, - "avg_process_time": { - "data": [ - { - "label": "random", - "data": [ - { - "x": "2022-01-21T03:22:13.850000", - "y": 0 - }, - { - "x": "2022-02-26T08:13:51.550000", - "y": 953769.903226 - }, - { - "x": "2022-04-03T13:05:29.250000", - "y": 865759.25 - }, - { - "x": "2022-05-09T17:57:06.950000", - "y": 994603.814815 - }, - { - "x": "2022-06-14T22:48:44.650000", - "y": 939812.375 - }, - { - "x": "2022-07-21T03:40:22.350000", - "y": 890924.565217 - }, - { - "x": "2022-08-26T08:32:00.050000", - "y": 1026333.285714 - }, - { - "x": "2022-10-01T13:23:37.750000", - "y": 1016383.608696 - }, - { - "x": "2022-11-06T18:15:15.450000", - "y": 923610.730769 - }, - { - "x": "2022-12-12T23:06:53.150000", - "y": 1011539.653846 - } - ] - }, - { - "label": "toComoare", - "data": [ - { - "x": "2022-01-21T03:22:13.850000", - "y": null - }, - { - "x": "2022-02-26T08:13:51.550000", - "y": 885093.5 - }, - { - "x": "2022-04-03T13:05:29.250000", - "y": 877379.52381 - }, - { - "x": "2022-05-09T17:57:06.950000", - "y": 987793.961538 - }, - { - "x": "2022-06-14T22:48:44.650000", - "y": 936999.16129 - }, - { - "x": "2022-07-21T03:40:22.350000", - "y": 891295.15 - }, - { - "x": "2022-08-26T08:32:00.050000", - "y": 1018502.65 - }, - { - "x": "2022-10-01T13:23:37.750000", - "y": 1000133.142857 - }, - { - "x": "2022-11-06T18:15:15.450000", - "y": 904404.047619 - }, - { - "x": "2022-12-12T23:06:53.150000", - "y": 981292.454545 - } - ] - } - ], - "x_axis": { - "min": "2022-01-03T00:56:25", - "max": "2022-12-31T01:32:42" - }, - "y_axis": { - "min": 0, - "max": 1026333.285714 - } - }, - "avg_process_time_by_task": { - "data": [ - { - "label": "random", - "data": [ - { - "x": "a", - "y": 131148.320856 - }, - { - "x": "b", - "y": 136626.705882 - }, - { - "x": "c", - "y": 133260.041667 - }, - { - "x": "d", - "y": 132695.481328 - }, - { - "x": "e", - "y": 124443.590361 - }, - { - "x": "f", - "y": 127175.068273 - }, - { - "x": "g", - "y": 127628.964427 - }, - { - "x": "h", - "y": 128165.104294 - }, - { - "x": "i", - "y": 125586.248649 - }, - { - "x": "j", - "y": 191297.681818 - }, - { - "x": "k", - "y": 142538.479167 - }, - { - "x": "l", - "y": 138069.642857 - } - ] - }, - { - "label": "toComoare", - "data": [ - { - "x": "a", - "y": 130363.993671 - }, - { - "x": "b", - "y": 130647.142857 - }, - { - "x": "c", - "y": 127024.725 - }, - { - "x": "d", - "y": 129689.021739 - }, - { - "x": "e", - "y": 121861.031579 - }, - { - "x": "f", - "y": 128356.531579 - }, - { - "x": "g", - "y": 124470.268041 - }, - { - "x": "h", - "y": 123307.991803 - }, - { - "x": "i", - "y": 127937.446043 - }, - { - "x": "j", - "y": null - }, - { - "x": "k", - "y": 156410.897436 - }, - { - "x": "l", - "y": 135385.026144 - } - ] - } - ], - "x_axis": { - "labels": [ - "a", - "b", - "c", - "d", - "e", - "f", - "g", - "h", - "i", - "j", - "k", - "l" - ] - }, - "y_axis": { - "min": 0, - "max": 156410.897436 - } - }, - "avg_waiting_time": { - "data": [ - { - "label": "random", - "data": [ - { - "x": "2022-01-21T03:22:13.850000", - "y": 43145.789474 - }, - { - "x": "2022-02-26T08:13:51.550000", - "y": 46600.451613 - }, - { - "x": "2022-04-03T13:05:29.250000", - "y": 46227.041667 - }, - { - "x": "2022-05-09T17:57:06.950000", - "y": 47262 - }, - { - "x": "2022-06-14T22:48:44.650000", - "y": 45602.40625 - }, - { - "x": "2022-07-21T03:40:22.350000", - "y": 47163.173913 - }, - { - "x": "2022-08-26T08:32:00.050000", - "y": 48349.952381 - }, - { - "x": "2022-10-01T13:23:37.750000", - "y": 45462.304348 - }, - { - "x": "2022-11-06T18:15:15.450000", - "y": 46508.692308 - }, - { - "x": "2022-12-12T23:06:53.150000", - "y": 49155.115385 - } - ] - }, - { - "label": "toComoare", - "data": [ - { - "x": "2022-01-21T03:22:13.850000", - "y": null - }, - { - "x": "2022-02-26T08:13:51.550000", - "y": 45176.2 - }, - { - "x": "2022-04-03T13:05:29.250000", - "y": 44582.142857 - }, - { - "x": "2022-05-09T17:57:06.950000", - "y": 46513.884615 - }, - { - "x": "2022-06-14T22:48:44.650000", - "y": 45151.322581 - }, - { - "x": "2022-07-21T03:40:22.350000", - "y": 46564.8 - }, - { - "x": "2022-08-26T08:32:00.050000", - "y": 48674.25 - }, - { - "x": "2022-10-01T13:23:37.750000", - "y": 45460.380952 - }, - { - "x": "2022-11-06T18:15:15.450000", - "y": 43947.142857 - }, - { - "x": "2022-12-12T23:06:53.150000", - "y": 49814.863636 - } - ] - } - ], - "x_axis": { - "min": "2022-01-03T00:56:25", - "max": "2022-12-31T01:32:42" - }, - "y_axis": { - "min": 0, - "max": 49814.863636 - } - }, - "avg_waiting_time_by_edge": { - "data": [ - { - "label": "random", - "data": [ - { - "x": [ - "a", - "a" - ], - "y": 6446 - }, - { - "x": [ - "a", - "d" - ], - "y": 7507.8 - }, - { - "x": [ - "a", - "f" - ], - "y": 5966.8 - }, - { - "x": [ - "a", - "g" - ], - "y": 5175.375 - }, - { - "x": [ - "a", - "i" - ], - "y": 6291.333333 - }, - { - "x": [ - "b", - "a" - ], - "y": 6802 - }, - { - "x": [ - "b", - "b" - ], - "y": 3509 - }, - { - "x": [ - "b", - "g" - ], - "y": 7283.727273 - }, - { - "x": [ - "b", - "i" - ], - "y": 6278.2 - }, - { - "x": [ - "c", - "g" - ], - "y": 11503 - }, - { - "x": [ - "c", - "h" - ], - "y": 6819.978261 - }, - { - "x": [ - "c", - "k" - ], - "y": 13494 - }, - { - "x": [ - "d", - "c" - ], - "y": 11750 - }, - { - "x": [ - "d", - "e" - ], - "y": 7165.741525 - }, - { - "x": [ - "d", - "g" - ], - "y": 8087.666667 - }, - { - "x": [ - "d", - "i" - ], - "y": 3619 - }, - { - "x": [ - "e", - "a" - ], - "y": 7262.875 - }, - { - "x": [ - "e", - "d" - ], - "y": 6765.5 - }, - { - "x": [ - "e", - "f" - ], - "y": 7288.326271 - }, - { - "x": [ - "e", - "g" - ], - "y": 14073 - }, - { - "x": [ - "e", - "k" - ], - "y": 13620 - }, - { - "x": [ - "e", - "l" - ], - "y": 3795 - }, - { - "x": [ - "f", - "d" - ], - "y": 10125 - }, - { - "x": [ - "f", - "e" - ], - "y": 3936 - }, - { - "x": [ - "f", - "g" - ], - "y": 6984.864486 - }, - { - "x": [ - "f", - "j" - ], - "y": 8172.772727 - }, - { - "x": [ - "f", - "l" - ], - "y": 6675.375 - }, - { - "x": [ - "g", - "c" - ], - "y": 2392 - }, - { - "x": [ - "g", - "e" - ], - "y": 11883 - }, - { - "x": [ - "g", - "f" - ], - "y": 5305.75 - }, - { - "x": [ - "g", - "g" - ], - "y": 11411 - }, - { - "x": [ - "g", - "h" - ], - "y": 7590.358974 - }, - { - "x": [ - "g", - "i" - ], - "y": 7135.5 - }, - { - "x": [ - "g", - "k" - ], - "y": 8113.822222 - }, - { - "x": [ - "g", - "l" - ], - "y": 7452.894737 - }, - { - "x": [ - "h", - "i" - ], - "y": 7289.611111 - }, - { - "x": [ - "h", - "l" - ], - "y": 6945 - }, - { - "x": [ - "i", - "a" - ], - "y": 8895 - }, - { - "x": [ - "i", - "b" - ], - "y": 5872 - }, - { - "x": [ - "i", - "c" - ], - "y": 5462 - }, - { - "x": [ - "i", - "d" - ], - "y": 7711.462687 - }, - { - "x": [ - "i", - "e" - ], - "y": 9128.666667 - }, - { - "x": [ - "i", - "g" - ], - "y": 8648.333333 - }, - { - "x": [ - "i", - "i" - ], - "y": 6343.4 - }, - { - "x": [ - "i", - "k" - ], - "y": 3218 - }, - { - "x": [ - "i", - "l" - ], - "y": 7190.90625 - } - ] - }, - { - "label": "toComoare", - "data": [ - { - "x": [ - "a", - "a" - ], - "y": 6446 - }, - { - "x": [ - "a", - "d" - ], - "y": 7321.20979 - }, - { - "x": [ - "a", - "f" - ], - "y": 5966.8 - }, - { - "x": [ - "a", - "g" - ], - "y": 4392.833333 - }, - { - "x": [ - "a", - "i" - ], - "y": 6291.333333 - }, - { - "x": [ - "b", - "a" - ], - "y": 6802 - }, - { - "x": [ - "b", - "b" - ], - "y": null - }, - { - "x": [ - "b", - "g" - ], - "y": null - }, - { - "x": [ - "b", - "i" - ], - "y": 5711.5 - }, - { - "x": [ - "c", - "g" - ], - "y": 11503 - }, - { - "x": [ - "c", - "h" - ], - "y": 7005.842105 - }, - { - "x": [ - "c", - "k" - ], - "y": 13494 - }, - { - "x": [ - "d", - "c" - ], - "y": 11750 - }, - { - "x": [ - "d", - "e" - ], - "y": 7078.50838 - }, - { - "x": [ - "d", - "g" - ], - "y": 8087.666667 - }, - { - "x": [ - "d", - "i" - ], - "y": 3619 - }, - { - "x": [ - "e", - "a" - ], - "y": 7220.666667 - }, - { - "x": [ - "e", - "d" - ], - "y": 6765.5 - }, - { - "x": [ - "e", - "f" - ], - "y": 7104.184358 - }, - { - "x": [ - "e", - "g" - ], - "y": 14073 - }, - { - "x": [ - "e", - "k" - ], - "y": 13620 - }, - { - "x": [ - "e", - "l" - ], - "y": 3795 - }, - { - "x": [ - "f", - "d" - ], - "y": 10125 - }, - { - "x": [ - "f", - "e" - ], - "y": 3936 - }, - { - "x": [ - "f", - "g" - ], - "y": 7016.139665 - }, - { - "x": [ - "f", - "j" - ], - "y": null - }, - { - "x": [ - "f", - "l" - ], - "y": 5593.166667 - }, - { - "x": [ - "g", - "c" - ], - "y": 2392 - }, - { - "x": [ - "g", - "e" - ], - "y": 11883 - }, - { - "x": [ - "g", - "f" - ], - "y": 5149.333333 - }, - { - "x": [ - "g", - "g" - ], - "y": 11411 - }, - { - "x": [ - "g", - "h" - ], - "y": 7638.952381 - }, - { - "x": [ - "g", - "i" - ], - "y": 7135.5 - }, - { - "x": [ - "g", - "k" - ], - "y": 8222.351351 - }, - { - "x": [ - "g", - "l" - ], - "y": 7292.733333 - }, - { - "x": [ - "h", - "i" - ], - "y": 7494.024793 - }, - { - "x": [ - "h", - "l" - ], - "y": 6945 - }, - { - "x": [ - "i", - "a" - ], - "y": 8895 - }, - { - "x": [ - "i", - "b" - ], - "y": null - }, - { - "x": [ - "i", - "c" - ], - "y": 5462 - }, - { - "x": [ - "i", - "d" - ], - "y": 7380.459459 - }, - { - "x": [ - "i", - "e" - ], - "y": 10290.857143 - }, - { - "x": [ - "i", - "g" - ], - "y": 8648.333333 - }, - { - "x": [ - "i", - "i" - ], - "y": 7761.75 - }, - { - "x": [ - "i", - "k" - ], - "y": null - }, - { - "x": [ - "i", - "l" - ], - "y": 7279.082353 - } - ] - } - ], - "x_axis": { - "labels": [ - [ - "a", - "a" - ], - [ - "a", - "d" - ], - [ - "a", - "f" - ], - [ - "a", - "g" - ], - [ - "a", - "i" - ], - [ - "b", - "a" - ], - [ - "b", - "b" - ], - [ - "b", - "g" - ], - [ - "b", - "i" - ], - [ - "c", - "g" - ], - [ - "c", - "h" - ], - [ - "c", - "k" - ], - [ - "d", - "c" - ], - [ - "d", - "e" - ], - [ - "d", - "g" - ], - [ - "d", - "i" - ], - [ - "e", - "a" - ], - [ - "e", - "d" - ], - [ - "e", - "f" - ], - [ - "e", - "g" - ], - [ - "e", - "k" - ], - [ - "e", - "l" - ], - [ - "f", - "d" - ], - [ - "f", - "e" - ], - [ - "f", - "g" - ], - [ - "f", - "j" - ], - [ - "f", - "l" - ], - [ - "g", - "c" - ], - [ - "g", - "e" - ], - [ - "g", - "f" - ], - [ - "g", - "g" - ], - [ - "g", - "h" - ], - [ - "g", - "i" - ], - [ - "g", - "k" - ], - [ - "g", - "l" - ], - [ - "h", - "i" - ], - [ - "h", - "l" - ], - [ - "i", - "a" - ], - [ - "i", - "b" - ], - [ - "i", - "c" - ], - [ - "i", - "d" - ], - [ - "i", - "e" - ], - [ - "i", - "g" - ], - [ - "i", - "i" - ], - [ - "i", - "k" - ], - [ - "i", - "l" - ] - ] - }, - "y_axis": { - "min": 0, - "max": 14073 - } - } - }, - "freq": { - "cases": { - "data": [ - { - "label": "random", - "data": [ - { - "x": "2022-01-21T03:22:13.850000", - "y": 30 - }, - { - "x": "2022-02-26T08:13:51.550000", - "y": 25 - }, - { - "x": "2022-04-03T13:05:29.250000", - "y": 30 - }, - { - "x": "2022-05-09T17:57:06.950000", - "y": 26 - }, - { - "x": "2022-06-14T22:48:44.650000", - "y": 28 - }, - { - "x": "2022-07-21T03:40:22.350000", - "y": 27 - }, - { - "x": "2022-08-26T08:32:00.050000", - "y": 17 - }, - { - "x": "2022-10-01T13:23:37.750000", - "y": 24 - }, - { - "x": "2022-11-06T18:15:15.450000", - "y": 28 - }, - { - "x": "2022-12-12T23:06:53.150000", - "y": 17 - } - ] - }, - { - "label": "toComoare", - "data": [ - { - "x": "2022-01-21T03:22:13.850000", - "y": 0 - }, - { - "x": "2022-02-26T08:13:51.550000", - "y": 15 - }, - { - "x": "2022-04-03T13:05:29.250000", - "y": 26 - }, - { - "x": "2022-05-09T17:57:06.950000", - "y": 26 - }, - { - "x": "2022-06-14T22:48:44.650000", - "y": 27 - }, - { - "x": "2022-07-21T03:40:22.350000", - "y": 24 - }, - { - "x": "2022-08-26T08:32:00.050000", - "y": 15 - }, - { - "x": "2022-10-01T13:23:37.750000", - "y": 22 - }, - { - "x": "2022-11-06T18:15:15.450000", - "y": 24 - }, - { - "x": "2022-12-12T23:06:53.150000", - "y": 13 - } - ] - } - ], - "x_axis": { - "min": "2022-01-03T00:56:25", - "max": "2022-12-31T01:32:42" - }, - "y_axis": { - "min": 0, - "max": 30 - } - }, - "cases_by_task": { - "data": [ - { - "label": "random", - "data": [ - { - "x": "a", - "y": 184 - }, - { - "x": "b", - "y": 32 - }, - { - "x": "c", - "y": 48 - }, - { - "x": "d", - "y": 241 - }, - { - "x": "e", - "y": 249 - }, - { - "x": "f", - "y": 249 - }, - { - "x": "g", - "y": 250 - }, - { - "x": "h", - "y": 163 - }, - { - "x": "i", - "y": 175 - }, - { - "x": "j", - "y": 22 - }, - { - "x": "k", - "y": 48 - }, - { - "x": "l", - "y": 182 - } - ] - }, - { - "label": "toComoare", - "data": [ - { - "x": "a", - "y": 155 - }, - { - "x": "b", - "y": 7 - }, - { - "x": "c", - "y": 40 - }, - { - "x": "d", - "y": 184 - }, - { - "x": "e", - "y": 190 - }, - { - "x": "f", - "y": 190 - }, - { - "x": "g", - "y": 191 - }, - { - "x": "h", - "y": 122 - }, - { - "x": "i", - "y": 131 - }, - { - "x": "j", - "y": 0 - }, - { - "x": "k", - "y": 39 - }, - { - "x": "l", - "y": 153 - } - ] - } - ], - "x_axis": { - "labels": [ - "a", - "b", - "c", - "d", - "e", - "f", - "g", - "h", - "i", - "j", - "k", - "l" - ] - }, - "y_axis": { - "min": 0, - "max": 250 - } - } - } -} diff --git a/src/views/Compare/Dashboard/index.vue b/src/views/Compare/Dashboard/index.vue index e15b5a3..a225e2f 100644 --- a/src/views/Compare/Dashboard/index.vue +++ b/src/views/Compare/Dashboard/index.vue @@ -83,7 +83,7 @@
- +