imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test: E2E-conformance rule Activity duration done.

Browse Source
This commit is contained in:
chiayin
2023-12-07 17:13:09 +08:00
parent 2403024d33
commit 75d1d43738
4 changed files with 75 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
cypress/e2e/conformanceRule.cy.js
View File

@@ -106,6 +106,59 @@ describe('Conformance Save', ()=>{
// cy.contains('#swal2-html-container', 'random-conformance-rule-E2Etesting');
// });
// it('Activity sequence, Sequence, Directly follows', () => {
// // enter Map
// cy.url().should('include', 'files');
// cy.get('table tr')
// .filter(':contains("Rule")') // 選擇 type Log
// .filter(':contains("random-conformance-rule-E2Etesting")') // 選擇 random log 檔
// .dblclick({ force: true }); // 對選中的 tr 執行雙擊
// cy.contains('h2', 'DISCOVER'); // 斷言在 Discover 頁
// cy.url().should('include', 'rule/log'); // 斷言在 discover/map/log/:id 路徑
// cy.wait(2000)
// // select radio Rule Type
// cy.get('#cyp-conformance-type-radio')
// .find('input[value="Activity sequence"]')
// .check({ force: true })
// .should('be.checked');
// // select radio Activity Sequence
// cy.get('#cyp-conformance-sequence-radio')
// .find('input[value="Sequence"]')
// .check({ force: true })
// .should('be.checked');
// // select radio Mode
// cy.get('#cyp-conformance-Mode-radio')
// .find('input[value="Directly follows"]')
// .check({ force: true })
// .should('be.checked');
// // open showbar
// cy.get('#cyp-showbaricon').click();
// // select radio Start
// cy.get('div[data-draggable="true"]').eq(0).dblclick(); // 第 1 個 div
// cy.get('div[data-draggable="true"]').eq(1).dblclick(); // 第 2 個 div
// cy.get('div[data-draggable="true"]').eq(2).dblclick(); // 第 3 個 div
// cy.contains('button', 'Apply').click();
// // click apply
// cy.contains('button', 'Apply').click();
// cy.contains('.v-toast', 'Rule applied');
// // 是否有顯示選擇項目
// cy.get('#cyp-conformance-result-arrow')
// .find('li') // 在 ul 中找到所有的 li 元素
// .should('have.length', 3); // 斷言 li 的數量為 2
// // save log
// cy.contains('button', 'Save').click();
// cy.contains('.swal2-title', 'SAVE COMPLETE');
// cy.contains('#swal2-html-container', 'random-conformance-rule-E2Etesting');
// });
it('Activity sequence, Sequence, Directly follows', () => {
// enter Map
cy.url().should('include', 'files');
@@ -119,19 +172,7 @@ describe('Conformance Save', ()=>{
// select radio Rule Type
cy.get('#cyp-conformance-type-radio')
.find('input[value="Activity sequence"]')
.check({ force: true })
.should('be.checked');
// select radio Activity Sequence
cy.get('#cyp-conformance-sequence-radio')
.find('input[value="Sequence"]')
.check({ force: true })
.should('be.checked');
// select radio Mode
cy.get('#cyp-conformance-Mode-radio')
.find('input[value="Directly follows"]')
.find('input[value="Activity duration"]')
.check({ force: true })
.should('be.checked');
@@ -139,19 +180,29 @@ describe('Conformance Save', ()=>{
cy.get('#cyp-showbaricon').click();
// select radio Start
cy.get('div[data-draggable="true"]').eq(0).dblclick(); // 第 1 個 div
cy.get('div[data-draggable="true"]').eq(1).dblclick(); // 第 2 個 div
cy.get('div[data-draggable="true"]').eq(2).dblclick(); // 第 3 個 div
cy.contains('p', 'Activities')
.next('div')
.find('input')
.first()
.check({ force: true })
.should('be.checked');
cy.contains('button', 'Apply').click();
// change time to time range Start
cy.get('#min').click();
cy.get('input[data-index="2"]').eq(0).type('59', { force: true });
// change time to time range End
cy.get('#max').click();
cy.get('input[data-index="2"]').eq(0).type('0', { force: true });
// click apply
cy.contains('button', 'Apply').click();
cy.contains('.v-toast', 'Rule applied');
// 是否有顯示選擇項目
cy.get('#cyp-conformance-result-arrow')
cy.get('#cyp-conformance-result-check')
.find('li') // 在 ul 中找到所有的 li 元素
.should('have.length', 3); // 斷言 li 的數量為 2
.should('have.length', 1); // 斷言 li 的數量為 2
// save log
cy.contains('button', 'Save').click();

8
src/components/Discover/Conformance/ConformanceSidebar/ResultCheck.vue
View File

@@ -1,12 +1,12 @@
<template>
<div class="space-y-2" id="cyp-conformance-result-check">
<div class="flex justify-start items-center pr-4" v-for="(act, index) in datadata" :key="index">
<ul class="space-y-2" id="cyp-conformance-result-check">
<li class="flex justify-start items-center pr-4" v-for="(act, index) in datadata" :key="index">
<span class="material-symbols-outlined text-primary mr-2">
check_circle
</span>
<p class="px-2 py-1 border border-neutral-500 w-full whitespace-nowrap break-keep text-ellipsis overflow-hidden">{{ act }}</p>
</div>
</div>
</li>
</ul>
</template>
<script>
export default {

2
src/components/Discover/Conformance/ConformanceSidebar/TimeRangeDuration.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="flex justify-between items-center">
<div class="flex justify-between items-center" id="cyp-timerange">
<Durationjs :max="minVuemax" :min="minVuemin" :size="'min'" :updateMax="updateMax" @total-seconds="minTotalSeconds"></Durationjs>
<span>~</span>
<Durationjs :max="maxVuemax" :min="maxVuemin" :size="'max'" @total-seconds="maxTotalSeconds"></Durationjs>

2
src/components/durationjs.vue
View File

@@ -4,7 +4,7 @@
<div v-if="totalSeconds === 0" class="text-center">
<p>0</p>
</div>
<div v-else class="flex justify-center items-center gap-1">
<div v-else class="flex justify-center items-center gap-1" id="cyp-timerange-show">
<p>{{ days }}d</p>
<p>{{ hours }}h</p>
<p>{{ minutes }}m</p>