test: E2E-conformance rule Processing time All done.

cypress/e2e/conformanceRule.cy.js

@@ -179,14 +179,13 @@ describe('Conformance Save', ()=>{
   //   // open showbar
   //   cy.get('#cyp-showbaricon').click();
 
-  //   // select radio Start
+  //   // select radio Activities
   //   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();
@@ -210,7 +209,233 @@ describe('Conformance Save', ()=>{
   //   cy.contains('#swal2-html-container', 'random-conformance-rule-E2Etesting');
   // });
 
-  it('Processing time, End to end, All', () => {
+  // it('Processing time, End to end, All', () => {
+  //   // 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="Processing time"]')
+  //     .check({ force: true })
+  //     .should('be.checked');
+  //   // select radio Process Scope
+  //   cy.get('#cyp-conformance-procss-radio')
+  //     .find('input[value="End to end"]')
+  //     .check({ force: true })
+  //     .should('be.checked');
+  //   // select radio Activity Sequence
+  //   cy.get('#cyp-conformance-actseq-radio')
+  //     .find('input[value="All"]')
+  //     .check({ force: true })
+  //     .should('be.checked');
+
+  //   // 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');
+
+  //   // save log
+  //   cy.contains('button', 'Save').click();
+  //   cy.contains('.swal2-title', 'SAVE COMPLETE');
+  //   cy.contains('#swal2-html-container', 'random-conformance-rule-E2Etesting');
+  // });
+
+  // it('Processing time, End to end, Start', () => {
+  //   // 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="Processing time"]')
+  //     .check({ force: true })
+  //     .should('be.checked');
+  //   // select radio Process Scope
+  //   cy.get('#cyp-conformance-procss-radio')
+  //     .find('input[value="End to end"]')
+  //     .check({ force: true })
+  //     .should('be.checked');
+  //   // select radio Activity Sequence
+  //   cy.get('#cyp-conformance-actseq-radio')
+  //     .find('input[value="Start"]')
+  //     .check({ force: true })
+  //     .should('be.checked');
+
+  //   // open showbar
+  //   cy.get('#cyp-showbaricon').click();
+
+  //   // select radio Start
+  //   cy.contains('p', 'Start')
+  //     .next('div')
+  //     .find('input')
+  //     .first()
+  //     .check({ force: true })
+  //     .should('be.checked');
+  //   // 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-dot')
+  //     .find('li') // 在 ul 中找到所有的 li 元素
+  //     .should('have.length', 1); // 斷言 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('Processing time, End to end, End', () => {
+  //   // 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="Processing time"]')
+  //     .check({ force: true })
+  //     .should('be.checked');
+  //   // select radio Process Scope
+  //   cy.get('#cyp-conformance-procss-radio')
+  //     .find('input[value="End to end"]')
+  //     .check({ force: true })
+  //     .should('be.checked');
+  //   // select radio Activity Sequence
+  //   cy.get('#cyp-conformance-actseq-radio')
+  //     .find('input[value="End"]')
+  //     .check({ force: true })
+  //     .should('be.checked');
+
+  //   // open showbar
+  //   cy.get('#cyp-showbaricon').click();
+
+  //   // select radio End
+  //   cy.contains('p', 'End')
+  //     .next('div')
+  //     .find('input')
+  //     .first()
+  //     .check({ force: true })
+  //     .should('be.checked');
+  //   // 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-dot')
+  //     .find('li') // 在 ul 中找到所有的 li 元素
+  //     .should('have.length', 1); // 斷言 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('Processing time, End to end, Start & End', () => {
+  //   // 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="Processing time"]')
+  //     .check({ force: true })
+  //     .should('be.checked');
+  //   // select radio Process Scope
+  //   cy.get('#cyp-conformance-procss-radio')
+  //     .find('input[value="End to end"]')
+  //     .check({ force: true })
+  //     .should('be.checked');
+  //   // select radio Activity Sequence
+  //   cy.get('#cyp-conformance-actseq-radio')
+  //     .find('input[value="Start & End"]')
+  //     .check({ force: true })
+  //     .should('be.checked');
+
+  //   // open showbar
+  //   cy.get('#cyp-showbaricon').click();
+
+  //   // select radio "Start & End
+  //   cy.contains('p', 'Start')
+  //     .next('div')
+  //     .find('input')
+  //     .check({ force: true })
+  //     .should('be.checked');
+  //   // select radio End
+  //   cy.contains('p', 'End')
+  //     .next('div')
+  //     .find('input')
+  //     .check({ force: true })
+  //     .should('be.checked');
+  //   // 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-dot')
+  //     .find('li') // 在 ul 中找到所有的 li 元素
+  //     .should('have.length', 2); // 斷言 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('Processing time, Partial, From', () => {
     // enter Map
     cy.url().should('include', 'files');
     cy.get('table tr')
@@ -228,15 +453,25 @@ describe('Conformance Save', ()=>{
       .should('be.checked');
     // select radio Process Scope
     cy.get('#cyp-conformance-procss-radio')
-      .find('input[value="End to end"]')
+      .find('input[value="Partial"]')
       .check({ force: true })
       .should('be.checked');
     // select radio Activity Sequence
-    cy.get('#cyp-conformance-actseq-radio')
+    cy.get('#cyp-conformance-actseqfromto-radio')
-      .find('input[value="All"]')
+      .find('input[value="From"]')
       .check({ force: true })
       .should('be.checked');
 
+    // open showbar
+    cy.get('#cyp-showbaricon').click();
+
+    // select radio Start
+    cy.contains('p', 'From')
+      .next('div')
+      .find('input')
+      .first()
+      .check({ force: true })
+      .should('be.checked');
     // change time to time range Start
     cy.get('#min').click();
     cy.get('input[data-index="2"]').eq(0).type('59', { force: true });
@@ -248,6 +483,134 @@ describe('Conformance Save', ()=>{
     cy.contains('button', 'Apply').click();
     cy.contains('.v-toast', 'Rule applied');
 
+    // 是否有顯示選擇項目
+    cy.get('#cyp-conformance-result-dot')
+      .find('li') // 在 ul 中找到所有的 li 元素
+      .should('have.length', 1); // 斷言 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('Processing time, Partial, To', () => {
+    // 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="Processing time"]')
+      .check({ force: true })
+      .should('be.checked');
+    // select radio Process Scope
+    cy.get('#cyp-conformance-procss-radio')
+      .find('input[value="Partial"]')
+      .check({ force: true })
+      .should('be.checked');
+    // select radio Activity Sequence
+    cy.get('#cyp-conformance-actseqfromto-radio')
+      .find('input[value="To"]')
+      .check({ force: true })
+      .should('be.checked');
+
+    // open showbar
+    cy.get('#cyp-showbaricon').click();
+
+    // select radio End
+    cy.contains('p', 'To')
+      .next('div')
+      .find('input')
+      .first()
+      .check({ force: true })
+      .should('be.checked');
+    // 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-dot')
+      .find('li') // 在 ul 中找到所有的 li 元素
+      .should('have.length', 1); // 斷言 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('Processing time, Partial, From & To', () => {
+    // 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="Processing time"]')
+      .check({ force: true })
+      .should('be.checked');
+    // select radio Process Scope
+    cy.get('#cyp-conformance-procss-radio')
+      .find('input[value="Partial"]')
+      .check({ force: true })
+      .should('be.checked');
+    // select radio Activity Sequence
+    cy.get('#cyp-conformance-actseqfromto-radio')
+      .find('input[value="From & To"]')
+      .check({ force: true })
+      .should('be.checked');
+
+    // open showbar
+    cy.get('#cyp-showbaricon').click();
+
+    // select radio From & To
+    cy.contains('p', 'From')
+      .next('div')
+      .find('input')
+      .check({ force: true })
+      .should('be.checked');
+    // select radio End
+    cy.contains('p', 'To')
+      .next('div')
+      .find('input')
+      .check({ force: true })
+      .should('be.checked');
+    // 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-dot')
+      .find('li') // 在 ul 中找到所有的 li 元素
+      .should('have.length', 2); // 斷言 li 的數量為 2
+
     // save log
     cy.contains('button', 'Save').click();
     cy.contains('.swal2-title', 'SAVE COMPLETE');

src/components/Discover/Conformance/ConformanceSidebar/ConformanceRadioGroup.vue

@@ -41,7 +41,7 @@
       </div>
     </div>
     <!-- Activity Sequence (3 item) -->
-    <div v-show="(selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial') || (selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial')">
+    <div v-show="(selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial') || (selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial')" id="cyp-conformance-actseqfromto-radio">
       <p class="h2">Activity Sequence</p>
       <div v-for="act in actSeqFromTo" :key="act.id" class="ml-4 mb-2">
         <RadioButton v-model="selectedActSeqFromTo" :inputId="act.id + act.name" name="activitySequenceFromTo" :value="act.name" @change="changeRadioActSeqFromTo"/>