Add e2e tests for On Demand OPT

resources/js/components/FormToggle.vue

@@ -3,6 +3,7 @@
         <label v-if="label" :id="inputId('label', fieldName)" class="label" v-html="label"></label>
         <div class="is-toggle buttons">
             <button 
+                :id="inputId('button',fieldName + choice.value)"
                 role="radio" 
                 type="button"
                 class="button" 

resources/js/views/Accounts.vue

@@ -70,7 +70,7 @@
                             <input ref="searchBox" id="txtSearch" type="search" tabindex="1" :aria-label="$t('commons.search')" :title="$t('commons.search')" class="input is-rounded is-search" v-model="search">
                             <span class="icon is-small is-right">
                                 <font-awesome-icon :icon="['fas', 'search']"  v-if="!search" />
-                                <button tabindex="1" :title="$t('commons.clear_search')" class="clear-selection delete" v-if="search" @click="search = '' "></button>
+                                <button id="btnClearSearch" tabindex="1" :title="$t('commons.clear_search')" class="clear-selection delete" v-if="search" @click="search = '' "></button>
                             </span>
                         </div>
                     </div>

resources/js/views/settings/Options.vue

@@ -4,6 +4,7 @@
         <div class="options-tabs">
             <form-wrapper>
                 <form>
+                    <input type="hidden" name="isReady" id="isReady" :value="isReady" />
                     <!-- user preferences -->
                     <div class="block">
                         <h4 class="title is-4 has-text-grey-light">{{ $t('settings.general') }}</h4>
@@ -111,6 +112,7 @@
     export default {
         data(){
             return {
+                isReady: false,
                 preferencesForm: new Form({
                     lang: '',
                     showOtpAsDot: null,
@@ -214,6 +216,10 @@
             })
 
             this.fetchGroups()
+
+            this.$nextTick(function () {
+                this.isReady = true
+            })
         },
 
         methods : {