diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2022-11-17 14:33:21 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2022-11-17 14:33:21 +0300 |
commit | 7021455bd1ed7b125c55eb1b33c5a01f2bc55ee0 (patch) | |
tree | 5bdc2229f5198d516781f8d24eace62fc7e589e9 /spec/frontend/reports/grouped_test_report/grouped_test_reports_app_spec.js | |
parent | 185b095e93520f96e9cfc31d9c3e69b498cdab7c (diff) |
Add latest changes from gitlab-org/gitlab@15-6-stable-eev15.6.0-rc42
Diffstat (limited to 'spec/frontend/reports/grouped_test_report/grouped_test_reports_app_spec.js')
-rw-r--r-- | spec/frontend/reports/grouped_test_report/grouped_test_reports_app_spec.js | 355 |
1 files changed, 0 insertions, 355 deletions
diff --git a/spec/frontend/reports/grouped_test_report/grouped_test_reports_app_spec.js b/spec/frontend/reports/grouped_test_report/grouped_test_reports_app_spec.js deleted file mode 100644 index 90edb27d1d6..00000000000 --- a/spec/frontend/reports/grouped_test_report/grouped_test_reports_app_spec.js +++ /dev/null @@ -1,355 +0,0 @@ -import { mount } from '@vue/test-utils'; -import Vue from 'vue'; -import Vuex from 'vuex'; -import Api from '~/api'; -import GroupedTestReportsApp from '~/reports/grouped_test_report/grouped_test_reports_app.vue'; -import { getStoreConfig } from '~/reports/grouped_test_report/store'; - -import { failedReport } from '../mock_data/mock_data'; -import mixedResultsTestReports from '../mock_data/new_and_fixed_failures_report.json'; -import newErrorsTestReports from '../mock_data/new_errors_report.json'; -import newFailedTestReports from '../mock_data/new_failures_report.json'; -import successTestReports from '../mock_data/no_failures_report.json'; -import recentFailuresTestReports from '../mock_data/recent_failures_report.json'; -import resolvedFailures from '../mock_data/resolved_failures.json'; - -jest.mock('~/api.js'); - -Vue.use(Vuex); - -describe('Grouped test reports app', () => { - const endpoint = 'endpoint.json'; - const headBlobPath = '/blob/path'; - const pipelinePath = '/path/to/pipeline'; - let wrapper; - let mockStore; - - const mountComponent = ({ props = { pipelinePath } } = {}) => { - wrapper = mount(GroupedTestReportsApp, { - store: mockStore, - propsData: { - endpoint, - headBlobPath, - pipelinePath, - ...props, - }, - }); - }; - - const setReports = (reports) => { - mockStore.state.status = reports.status; - mockStore.state.summary = reports.summary; - mockStore.state.reports = reports.suites; - }; - - const findHeader = () => wrapper.find('[data-testid="report-section-code-text"]'); - const findExpandButton = () => wrapper.find('[data-testid="report-section-expand-button"]'); - const findFullTestReportLink = () => wrapper.find('[data-testid="group-test-reports-full-link"]'); - const findSummaryDescription = () => wrapper.find('[data-testid="summary-row-description"]'); - const findIssueListUnresolvedHeading = () => wrapper.find('[data-testid="unresolvedHeading"]'); - const findIssueListResolvedHeading = () => wrapper.find('[data-testid="resolvedHeading"]'); - const findIssueDescription = () => wrapper.find('[data-testid="test-issue-body-description"]'); - const findIssueRecentFailures = () => - wrapper.find('[data-testid="test-issue-body-recent-failures"]'); - const findAllIssueDescriptions = () => - wrapper.findAll('[data-testid="test-issue-body-description"]'); - - beforeEach(() => { - mockStore = new Vuex.Store({ - ...getStoreConfig(), - actions: { - fetchReports: () => {}, - setPaths: () => {}, - }, - }); - mountComponent(); - }); - - afterEach(() => { - wrapper.destroy(); - wrapper = null; - }); - - describe('with success result', () => { - beforeEach(() => { - setReports(successTestReports); - mountComponent(); - }); - - it('renders success summary text', () => { - expect(findHeader().text()).toBe( - 'Test summary contained no changed test results out of 11 total tests', - ); - }); - }); - - describe('`View full report` button', () => { - it('should render the full test report link', () => { - const fullTestReportLink = findFullTestReportLink(); - - expect(fullTestReportLink.exists()).toBe(true); - expect(pipelinePath).not.toBe(''); - expect(fullTestReportLink.attributes('href')).toBe(`${pipelinePath}/test_report`); - }); - - describe('Without a pipelinePath', () => { - beforeEach(() => { - mountComponent({ - props: { pipelinePath: '' }, - }); - }); - - it('should not render the full test report link', () => { - expect(findFullTestReportLink().exists()).toBe(false); - }); - }); - }); - - describe('`Expand` button', () => { - beforeEach(() => { - setReports(newFailedTestReports); - }); - - it('tracks service ping metric', () => { - mountComponent(); - findExpandButton().trigger('click'); - - expect(Api.trackRedisHllUserEvent).toHaveBeenCalledTimes(1); - expect(Api.trackRedisHllUserEvent).toHaveBeenCalledWith(wrapper.vm.$options.expandEvent); - }); - - it('only tracks the first expansion', () => { - mountComponent(); - const expandButton = findExpandButton(); - expandButton.trigger('click'); - expandButton.trigger('click'); - expandButton.trigger('click'); - - expect(Api.trackRedisHllUserEvent).toHaveBeenCalledTimes(1); - }); - }); - - describe('with new failed result', () => { - beforeEach(() => { - setReports(newFailedTestReports); - mountComponent(); - }); - - it('renders New heading', () => { - expect(findIssueListUnresolvedHeading().text()).toBe('New'); - }); - - it('renders failed summary text', () => { - expect(findHeader().text()).toBe('Test summary contained 2 failed out of 11 total tests'); - }); - - it('renders failed test suite', () => { - expect(findSummaryDescription().text()).toContain( - 'rspec:pg found 2 failed out of 8 total tests', - ); - }); - - it('renders failed issue in list', () => { - expect(findIssueDescription().text()).toContain( - 'Test#sum when a is 1 and b is 2 returns summary', - ); - }); - }); - - describe('with new error result', () => { - beforeEach(() => { - setReports(newErrorsTestReports); - mountComponent(); - }); - - it('renders New heading', () => { - expect(findIssueListUnresolvedHeading().text()).toBe('New'); - }); - - it('renders error summary text', () => { - expect(findHeader().text()).toBe('Test summary contained 2 errors out of 11 total tests'); - }); - - it('renders error test suite', () => { - expect(findSummaryDescription().text()).toContain( - 'karma found 2 errors out of 3 total tests', - ); - }); - - it('renders error issue in list', () => { - expect(findIssueDescription().text()).toContain( - 'Test#sum when a is 1 and b is 2 returns summary', - ); - }); - }); - - describe('with mixed results', () => { - beforeEach(() => { - setReports(mixedResultsTestReports); - mountComponent(); - }); - - it('renders New and Fixed headings', () => { - expect(findIssueListUnresolvedHeading().text()).toBe('New'); - expect(findIssueListResolvedHeading().text()).toBe('Fixed'); - }); - - it('renders summary text', () => { - expect(findHeader().text()).toBe( - 'Test summary contained 2 failed and 2 fixed test results out of 11 total tests', - ); - }); - - it('renders failed test suite', () => { - expect(findSummaryDescription().text()).toContain( - 'rspec:pg found 1 failed and 2 fixed test results out of 8 total tests', - ); - }); - - it('renders failed issue in list', () => { - expect(findIssueDescription().text()).toContain( - 'Test#subtract when a is 2 and b is 1 returns correct result', - ); - }); - }); - - describe('with resolved failures and resolved errors', () => { - beforeEach(() => { - setReports(resolvedFailures); - mountComponent(); - }); - - it('renders Fixed heading', () => { - expect(findIssueListResolvedHeading().text()).toBe('Fixed'); - }); - - it('renders summary text', () => { - expect(findHeader().text()).toBe( - 'Test summary contained 4 fixed test results out of 11 total tests', - ); - }); - - it('renders resolved test suite', () => { - expect(findSummaryDescription().text()).toContain( - 'rspec:pg found 4 fixed test results out of 8 total tests', - ); - }); - - it('renders resolved failures', () => { - expect(findIssueDescription().text()).toContain( - resolvedFailures.suites[0].resolved_failures[0].name, - ); - }); - - it('renders resolved errors', () => { - expect(findAllIssueDescriptions().at(2).text()).toContain( - resolvedFailures.suites[0].resolved_errors[0].name, - ); - }); - }); - - describe('recent failures counts', () => { - describe('with recent failures counts', () => { - beforeEach(() => { - setReports(recentFailuresTestReports); - mountComponent(); - }); - - it('renders the recently failed tests summary', () => { - expect(findHeader().text()).toContain( - '2 out of 3 failed tests have failed more than once in the last 14 days', - ); - }); - - it('renders the recently failed count on the test suite', () => { - expect(findSummaryDescription().text()).toContain( - '1 out of 2 failed tests has failed more than once in the last 14 days', - ); - }); - - it('renders the recent failures count on the test case', () => { - expect(findIssueRecentFailures().text()).toBe('Failed 8 times in main in the last 14 days'); - }); - }); - - describe('without recent failures counts', () => { - beforeEach(() => { - setReports(mixedResultsTestReports); - mountComponent(); - }); - - it('does not render the recently failed tests summary', () => { - expect(findHeader().text()).not.toContain('failed more than once in the last 14 days'); - }); - - it('does not render the recently failed count on the test suite', () => { - expect(findSummaryDescription().text()).not.toContain( - 'failed more than once in the last 14 days', - ); - }); - - it('does not render the recent failures count on the test case', () => { - expect(findIssueDescription().text()).not.toContain('in the last 14 days'); - }); - }); - }); - - describe('with a report that failed to load', () => { - beforeEach(() => { - setReports(failedReport); - mountComponent(); - }); - - it('renders an error status for the report', () => { - const { name } = failedReport.suites[0]; - - expect(findSummaryDescription().text()).toContain( - `An error occurred while loading ${name} result`, - ); - }); - }); - - describe('with a report parsing errors', () => { - beforeEach(() => { - const reports = failedReport; - reports.suites[0].suite_errors = { - head: 'JUnit XML parsing failed: 2:24: FATAL: attributes construct error', - base: 'JUnit data parsing failed: string not matched', - }; - setReports(reports); - mountComponent(); - }); - - it('renders the error messages', () => { - expect(findSummaryDescription().text()).toContain( - 'JUnit XML parsing failed: 2:24: FATAL: attributes construct error', - ); - expect(findSummaryDescription().text()).toContain( - 'JUnit data parsing failed: string not matched', - ); - }); - }); - - describe('with error', () => { - beforeEach(() => { - mockStore.state.isLoading = false; - mockStore.state.hasError = true; - mountComponent(); - }); - - it('renders loading state', () => { - expect(findHeader().text()).toBe('Test summary failed loading results'); - }); - }); - - describe('while loading', () => { - beforeEach(() => { - mockStore.state.isLoading = true; - mountComponent(); - }); - - it('renders loading state', () => { - expect(findHeader().text()).toBe('Test summary results are being parsed'); - }); - }); -}); |