Commit 95018e5b authored by Scott Hampton's avatar Scott Hampton

Merge branch 'jnnkl-GlTableLite-vuln-table' into 'master'

Replaced GLTable with GLTableLite for the vulnerability detail modal

See merge request gitlab-org/gitlab!83318
parents 9364a950 3df0e197
<script> <script>
import { GlTable } from '@gitlab/ui'; import { GlTableLite } from '@gitlab/ui';
export default { export default {
components: { components: {
GlTable, GlTableLite,
ReportItem: () => import('../report_item.vue'), ReportItem: () => import('../report_item.vue'),
}, },
inheritAttrs: false, inheritAttrs: false,
...@@ -20,7 +20,7 @@ export default { ...@@ -20,7 +20,7 @@ export default {
}; };
</script> </script>
<template> <template>
<gl-table <gl-table-lite
:fields="header" :fields="header"
:items="rows" :items="rows"
bordered bordered
...@@ -33,5 +33,5 @@ export default { ...@@ -33,5 +33,5 @@ export default {
<template #cell()="data"> <template #cell()="data">
<report-item :item="data.value" /> <report-item :item="data.value" />
</template> </template>
</gl-table> </gl-table-lite>
</template> </template>
import { GlTable } from '@gitlab/ui'; import { GlTableLite } from '@gitlab/ui';
import { mount } from '@vue/test-utils'; import { mount } from '@vue/test-utils';
import ReportItem from 'ee/vulnerabilities/components/generic_report/report_item.vue'; import ReportItem from 'ee/vulnerabilities/components/generic_report/report_item.vue';
import { REPORT_TYPES } from 'ee/vulnerabilities/components/generic_report/types/constants'; import { REPORT_TYPES } from 'ee/vulnerabilities/components/generic_report/types/constants';
...@@ -30,7 +30,7 @@ describe('ee/vulnerabilities/components/generic_report/types/table.vue', () => { ...@@ -30,7 +30,7 @@ describe('ee/vulnerabilities/components/generic_report/types/table.vue', () => {
); );
}; };
const findTable = () => wrapper.findComponent(GlTable); const findTable = () => wrapper.findComponent(GlTableLite);
const findTableHead = () => wrapper.find('thead'); const findTableHead = () => wrapper.find('thead');
const findTableBody = () => wrapper.find('tbody'); const findTableBody = () => wrapper.find('tbody');
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment