test: refs #8449 refactor e2e vnLog

src/components/common/VnLog.vue

@@ -362,6 +362,7 @@ watch(
                                             backgroundColor: useColor(modelLog.model),
                                         }"
                                         :title="`${modelLog.model} #${modelLog.id}`"
+                                        data-cy="vnLog-model-chip"
                                     >
                                         {{ t(modelLog.modelI18n) }}
                                     </QChip>
@@ -477,6 +478,7 @@ watch(
                                                             }`,
                                                         )
                                                     "
+                                                    data-cy="vnLog-action-icon"
                                                 />
                                             </div>
                                         </QItem>

src/components/common/VnLogFilter.vue

@@ -125,6 +125,7 @@ function getActions() {
                 @update:model-value="() => searchFn()"
                 dense
                 filled
+                data-cy="vnLog-entity"
             />
         </template>
         <template #filter-userType="{ params, columnName, searchFn }">
@@ -188,6 +189,7 @@ function getActions() {
                     @update:model-value="
                         () => searchFn(undefined, 'action', getActions())
                     "
+                    data-cy="vnLog-checkbox"
                 />
             </div>
         </template>

test/cypress/integration/vnComponent/VnLog.spec.js

@@ -1,26 +1,23 @@
 /// <reference types="cypress" />
 describe('VnLog', () => {
-    const chips = [
-        ':nth-child(1) > :nth-child(1) > .q-item__label > .q-chip > .q-chip__content',
-        ':nth-child(2) > :nth-child(1) > .q-item__label > .q-chip > .q-chip__content',
-    ];
     beforeEach(() => {
         cy.login('developer');
         cy.visit(`/#/claim/${1}/log`);
-        cy.openRightMenu();
     });
 
     it('should filter by insert actions', () => {
-        cy.checkOption(':nth-child(7) > .q-checkbox');
+        cy.get('[data-cy="vnLog-checkbox"]').eq(0).click();
-        cy.get('.q-page').click();
+        cy.get('[data-cy="vnLog-action-icon"]').each(($el) => {
-        cy.validateContent(chips[0], 'Document');
+            cy.wrap($el).should('have.attr', 'title', 'Creates');
-        cy.validateContent(chips[1], 'Beginning');
+        });
     });
 
     it('should filter by entity', () => {
-        cy.selectOption('.q-drawer--right .q-item > .q-select', 'Claim');
+        const entity = 'Document';
-        cy.get('.q-page').click();
+        cy.selectOption('[data-cy="vnLog-entity"]', entity);
-        cy.validateContent(chips[0], 'Beginning');
+        cy.get('[data-cy="vnLog-model-chip"]').each(($el) => {
+            cy.wrap($el).should('have.text', entity);
+        });
     });
 
     it('should show claimDescriptor', () => {