Browse Source

test: cy markers for column edit modal

Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com>
pull/3056/head
Raju Udava 2 years ago
parent
commit
bf7b8e8d3e
  1. 10
      packages/nc-gui-v2/components/smartsheet-column/AdvancedOptions.vue
  2. 2
      packages/nc-gui-v2/components/smartsheet-column/EditOrAdd.vue
  3. 2
      packages/nc-gui-v2/components/smartsheet-header/Menu.vue
  4. 1
      packages/nc-gui-v2/components/smartsheet/Grid.vue

10
packages/nc-gui-v2/components/smartsheet-column/AdvancedOptions.vue

@ -21,7 +21,7 @@ formState.value.au = !!formState.value.au
v-model:checked="formState.rqd" v-model:checked="formState.rqd"
:disabled="formState.pk || !sqlUi.columnEditable(formState)" :disabled="formState.pk || !sqlUi.columnEditable(formState)"
size="small" size="small"
class="nc-column-name-input" class="nc-column-checkbox-NN"
@change="onAlter" @change="onAlter"
/> />
</a-form-item> </a-form-item>
@ -30,7 +30,7 @@ formState.value.au = !!formState.value.au
v-model:checked="formState.pk" v-model:checked="formState.pk"
:disabled="!sqlUi.columnEditable(formState)" :disabled="!sqlUi.columnEditable(formState)"
size="small" size="small"
class="nc-column-name-input" class="nc-column-checkbox-PK"
@change="onAlter" @change="onAlter"
/> />
</a-form-item> </a-form-item>
@ -39,7 +39,7 @@ formState.value.au = !!formState.value.au
v-model:checked="formState.ai" v-model:checked="formState.ai"
:disabled="sqlUi.colPropUNDisabled(formState) || !sqlUi.columnEditable(formState)" :disabled="sqlUi.colPropUNDisabled(formState) || !sqlUi.columnEditable(formState)"
size="small" size="small"
class="nc-column-name-input" class="nc-column-checkbox-AI"
@change="onAlter" @change="onAlter"
/> />
</a-form-item> </a-form-item>
@ -48,14 +48,14 @@ formState.value.au = !!formState.value.au
:disabled="sqlUi.colPropUNDisabled(formState) || !sqlUi.columnEditable(formState)" :disabled="sqlUi.colPropUNDisabled(formState) || !sqlUi.columnEditable(formState)"
@change="onAlter" @change="onAlter"
> >
<a-checkbox v-model:checked="formState.un" size="small" class="nc-column-name-input" /> <a-checkbox v-model:checked="formState.un" size="small" class="nc-column-checkbox-UN" />
</a-form-item> </a-form-item>
<a-form-item <a-form-item
label="AU" label="AU"
:disabled="sqlUi.colPropAuDisabled(formState) || !sqlUi.columnEditable(formState)" :disabled="sqlUi.colPropAuDisabled(formState) || !sqlUi.columnEditable(formState)"
@change="onAlter" @change="onAlter"
> >
<a-checkbox v-model:checked="formState.au" size="small" class="nc-column-name-input" /> <a-checkbox v-model:checked="formState.au" size="small" class="nc-column-checkbox-AU" />
</a-form-item> </a-form-item>
</div> </div>
<a-form-item :label="$t('labels.databaseType')" v-bind="validateInfos.dt"> <a-form-item :label="$t('labels.databaseType')" v-bind="validateInfos.dt">

2
packages/nc-gui-v2/components/smartsheet-column/EditOrAdd.vue

@ -112,7 +112,7 @@ watch(
v-model:value="formState.uidt" v-model:value="formState.uidt"
show-search show-search
size="small" size="small"
class="nc-column-name-input" class="nc-column-type-input"
@change="onUidtOrIdTypeChange" @change="onUidtOrIdTypeChange"
> >
<a-select-option v-for="opt of uiTypesOptions" :key="opt.name" :value="opt.name" v-bind="validateInfos.uidt"> <a-select-option v-for="opt of uiTypesOptions" :key="opt.name" :value="opt.name" v-bind="validateInfos.uidt">

2
packages/nc-gui-v2/components/smartsheet-header/Menu.vue

@ -65,7 +65,7 @@ function onVisibleChange() {
</template> </template>
</a-dropdown> </a-dropdown>
<a-dropdown :trigger="['hover']"> <a-dropdown :trigger="['hover']">
<MdiMenuDownIcon class="text-grey" /> <MdiMenuDownIcon class="text-grey nc-ui-dt-dropdown" />
<template #overlay> <template #overlay>
<div class="shadow bg-white"> <div class="shadow bg-white">
<div class="nc-column-edit nc-menu-item" @click="editColumnDropdown = true"> <div class="nc-column-edit nc-menu-item" @click="editColumnDropdown = true">

1
packages/nc-gui-v2/components/smartsheet/Grid.vue

@ -276,6 +276,7 @@ const onNavigate = (dir: NavigateDir) => {
:key="col.title" :key="col.title"
v-xc-ver-resize v-xc-ver-resize
:data-col="col.id" :data-col="col.id"
:data-title="col.title"
@xcresize="onresize(col.id, $event)" @xcresize="onresize(col.id, $event)"
@xcresizing="onXcResizing(col.title, $event)" @xcresizing="onXcResizing(col.title, $event)"
@xcresized="resizingCol = null" @xcresized="resizingCol = null"

Loading…
Cancel
Save