diff options
| author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-06-16 22:12:27 +0300 |
|---|---|---|
| committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-06-26 01:55:28 +0300 |
| commit | ed06dc11747d4ffb1dbbe0f3568308c6737c94c0 (patch) | |
| tree | 4519d33f88da7c4aa768c482c0c0810404682db0 | |
| parent | 73e419a58213c74bd0f19b31cff1ee50147a3278 (diff) | |
| download | webui-vue-ed06dc11747d4ffb1dbbe0f3568308c6737c94c0.tar.xz | |
Add test hooks to event logs page
- Add data-test-id test hooks to simplify the xpath queries needed
to set up automation testing
- Reduce the possibility of breaking automation tests when/if pages are
updated
Adds test hooks to table checkboxes, batch action delete button,
inline row delete button. Will add hooks to table filter dropdown
separately, because the component needs refactoring.
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I84fef897bbe29ea410a3b7d663828ddd7c91aa88
| -rw-r--r-- | src/components/Global/TableToolbar.vue | 1 | ||||
| -rw-r--r-- | src/views/Health/EventLogs/EventLogs.vue | 13 |
2 files changed, 9 insertions, 5 deletions
diff --git a/src/components/Global/TableToolbar.vue b/src/components/Global/TableToolbar.vue index b49b3154d..05b966992 100644 --- a/src/components/Global/TableToolbar.vue +++ b/src/components/Global/TableToolbar.vue @@ -9,6 +9,7 @@ <b-button v-for="(action, index) in actions" :key="index" + :data-test-id="`table-button-${action.value}Selected`" variant="primary" class="d-block" @click="$emit('batchAction', action.value)" diff --git a/src/views/Health/EventLogs/EventLogs.vue b/src/views/Health/EventLogs/EventLogs.vue index 4b1a8f7e6..21a0e288c 100644 --- a/src/views/Health/EventLogs/EventLogs.vue +++ b/src/views/Health/EventLogs/EventLogs.vue @@ -49,6 +49,7 @@ <template v-slot:head(checkbox)> <b-form-checkbox v-model="tableHeaderCheckboxModel" + data-test-id="eventLogs-checkbox-selectAll" :indeterminate="tableHeaderCheckboxIndeterminate" @change="onChangeHeaderCheckbox($refs.table)" /> @@ -56,6 +57,7 @@ <template v-slot:cell(checkbox)="row"> <b-form-checkbox v-model="row.rowSelected" + :data-test-id="`eventLogs-checkbox-selectRow-${row.index}`" @change="toggleSelectRow($refs.table, row.index)" /> </template> @@ -72,15 +74,16 @@ </template> <!-- Actions column --> - <template v-slot:cell(actions)="{ item }"> + <template v-slot:cell(actions)="row"> <table-row-action - v-for="(action, index) in item.actions" + v-for="(action, index) in row.item.actions" :key="index" :value="action.value" :title="action.title" - :row-data="item" - :export-name="item.id" - @click:tableAction="onTableRowAction($event, item)" + :row-data="row.item" + :export-name="row.item.id" + :data-test-id="`eventLogs-button-deleteRow-${row.index}`" + @click:tableAction="onTableRowAction($event, row.item)" > <template v-slot:icon> <icon-export v-if="action.value === 'export'" /> |