|
1 | 1 | <div> |
2 | 2 | <cly-drawer |
| 3 | + test-id="user-drawer" |
3 | 4 | toggle-transition="stdt-fade" |
4 | 5 | ref="userDrawer" |
5 | 6 | :title="$props.settings.editMode ? $props.settings.editTitle : $props.settings.createTitle" |
|
19 | 20 | <div class="bu-column"> |
20 | 21 | <div class="user-management-drawer-content__input-wrapper"> |
21 | 22 | <div class="user-management-drawer-content__label"> |
22 | | - <div class="text-small text-heading">{{ i18n('management-users.full-name') }}</div> |
| 23 | + <div data-test-id="full-name-label" class="text-small text-heading">{{ i18n('management-users.full-name') }}</div> |
23 | 24 | </div> |
24 | 25 | <div class="user-management-drawer-content__input"> |
25 | 26 | <validation-provider rules="required" v-slot="v"> |
26 | | - <el-input v-model="drawerScope.editedObject.full_name" :placeholder="i18n('management-users.enter-full-name')"></el-input> |
| 27 | + <el-input test-id="full-name-input" v-model="drawerScope.editedObject.full_name" :placeholder="i18n('management-users.enter-full-name')"></el-input> |
27 | 28 | </validation-provider> |
28 | 29 | </div> |
29 | 30 | </div> |
30 | 31 | <div class="user-management-drawer-content__input-wrapper bu-mt-5"> |
31 | 32 | <div class="user-management-drawer-content__label"> |
32 | | - <div class="text-small text-heading">{{ i18n('management-users.username') }}</div> |
| 33 | + <div data-test-id="user-name-label" class="text-small text-heading">{{ i18n('management-users.username') }}</div> |
33 | 34 | </div> |
34 | 35 | <div class="user-management-drawer-content__input"> |
35 | 36 | <validation-provider rules="required" v-slot="v"> |
36 | | - <el-input v-model="drawerScope.editedObject.username" :placeholder="i18n('management-users.enter-username')"></el-input> |
| 37 | + <el-input test-id="user-name-input" v-model="drawerScope.editedObject.username" :placeholder="i18n('management-users.enter-username')"></el-input> |
37 | 38 | </validation-provider> |
38 | 39 | </div> |
39 | 40 | </div> |
40 | 41 | <div class="user-management-drawer-content__input-wrapper bu-mt-5"> |
41 | 42 | <div class="user-management-drawer-content__label"> |
42 | | - <div class="text-small text-heading">{{ i18n('management-users.password') }}</div> |
| 43 | + <div data-test-id="password-label" class="text-small text-heading">{{ i18n('management-users.password') }}</div> |
43 | 44 | </div> |
44 | 45 | <div v-if="!$props.settings.editMode" class="user-management-drawer-content__input"> |
45 | 46 | <validation-provider rules="required" v-slot="v"> |
46 | | - <el-input v-model="drawerScope.editedObject.password" :placeholder="i18n('management-users.enter-password')"></el-input> |
| 47 | + <el-input test-id="password-input" v-model="drawerScope.editedObject.password" :placeholder="i18n('management-users.enter-password')"></el-input> |
47 | 48 | </validation-provider> |
48 | | - <div @click="generatePassword()" class="user-management-drawer-content__under-input-text bu-mt-1 bu-is-size-7">{{ i18n('management-users.generate-password') }}</div> |
| 49 | + <div data-test-id="generate-password-button" @click="generatePassword()" class="user-management-drawer-content__under-input-text bu-mt-1 bu-is-size-7">{{ i18n('management-users.generate-password') }}</div> |
49 | 50 | </div> |
50 | 51 | <div v-if="$props.settings.editMode" class="user-management-drawer-content__input"> |
51 | 52 | <validation-provider v-if="changePasswordFlag" rules="required" v-slot="v"> |
|
56 | 57 | </div> |
57 | 58 | <div class="user-management-drawer-content__input-wrapper bu-mt-5"> |
58 | 59 | <div class="user-management-drawer-content__label"> |
59 | | - <div class="text-small text-heading">{{ i18n('management-users.email') }}</div> |
| 60 | + <div data-test-id="email-label" class="text-small text-heading">{{ i18n('management-users.email') }}</div> |
60 | 61 | </div> |
61 | 62 | <div class="user-management-drawer-content__input"> |
62 | 63 | <validation-provider rules="required|email" v-slot="v"> |
63 | | - <el-input v-model="drawerScope.editedObject.email" oninput="this.value = this.value.toLowerCase();" :placeholder="i18n('management-users.enter-email')"></el-input> |
| 64 | + <el-input test-id="email-input" v-model="drawerScope.editedObject.email" oninput="this.value = this.value.toLowerCase();" :placeholder="i18n('management-users.enter-email')"></el-input> |
64 | 65 | </validation-provider> |
65 | 66 | </div> |
66 | 67 | </div> |
|
78 | 79 | </cly-more-options> |
79 | 80 | </div> |
80 | 81 | <cly-dropzone |
| 82 | + data-test-id="user-profile-picture-dropzone" |
81 | 83 | v-if="pictureEditMode || !$props.settings.editMode" |
82 | 84 | @vdropzone-removed-file="onFileRemoved" |
83 | 85 | @vdropzone-file-added="onFileAdded" |
|
107 | 109 | </div> |
108 | 110 | </div> |
109 | 111 | <div class="user-management-drawer-content__section-content user-management-drawer-content__role-section"> |
110 | | - <el-checkbox class="bu-mt-2" v-model="drawerScope.editedObject.global_admin">{{ i18n('management-users.global-administrator') }}</el-checkbox> |
| 112 | + <el-checkbox test-id="global-administrator" class="bu-mt-2" v-model="drawerScope.editedObject.global_admin">{{ i18n('management-users.global-administrator') }}</el-checkbox> |
111 | 113 | <component v-for="roleInput in rolesInput" :is="roleInput.component" :user="drawerScope.editedObject" @role-change="onRoleChange" key="roleInput.key"></component> |
112 | 114 | </div> |
113 | 115 | </div> |
|
128 | 130 | </div> |
129 | 131 | <div class="input" v-if="drawerScope.editedObject.permission"> |
130 | 132 | <cly-select-x |
| 133 | + test-id="admin-access-to-app-dropdown" |
131 | 134 | :collapse-tags="false" |
132 | 135 | :placeholder="i18n('token_manager.select-apps')" |
133 | 136 | mode="multi-check" |
|
156 | 159 | </div> |
157 | 160 | <div class="user-management-drawer-content__input bu-px-4"> |
158 | 161 | <cly-select-x |
| 162 | + test-id="user-access-to-app-dropdown" |
159 | 163 | :collapse-tags="false" |
160 | 164 | :placeholder="i18n('token_manager.select-apps')" |
161 | 165 | mode="multi-check" |
|
0 commit comments