test: E2E-conformance rule Have activity.

cypress/e2e/conformanceRule.cy.js

@@ -0,0 +1,56 @@
+// 每一 describe 就是一個測試套件
+// 每一 it 就是一個測試命令
+describe('Conformance Save', ()=>{
+  beforeEach(() => {
+    cy.visit('https://REDACTED-HOST/files');
+    cy.login();
+    cy.visit('https://REDACTED-HOST/files');
+  });
+
+  it('Have activity', () => {
+    // enter Map
+    cy.url().should('include', 'files');
+    cy.get('table tr')
+      .filter(':contains("Log")') // 選擇 type Log
+      .filter(':contains("random")') // 選擇 random log 檔
+      .dblclick(); // 對選中的 tr 執行雙擊
+    cy.contains('h2', 'DISCOVER'); // 斷言在 Discover 頁
+    cy.url().should('include', 'discover/map/log'); // 斷言在 discover/map/log/:id 路徑
+    cy.wait(2000)
+
+    // enter Conformance
+    cy.contains('li', 'CONFORMANCE').click(); // 點擊 Conformance 頁
+    cy.wait(2000);
+    cy.url().should('include', '/discover/conformance/log'); // 斷言在 discover/conformance/log/:id 路徑
+    cy.get('.active').should('have.text', 'CONFORMANCE');
+
+    // select radio
+    cy.get('#cyp-conformance-type-radio').find('input').first().click({ force: true }).should('be.checked');
+
+    // select list checkbox
+    cy.get('#cyp-conformance-list-checkbox').find('input').first().click({ force: true }).should('be.checked');
+
+    // click apply
+    cy.contains('button', 'Apply').click();
+    cy.contains('.v-toast', 'Rule applied');
+
+    // 是否有顯示選擇項目
+    cy.get('#cyp-conformance-result-check')
+
+    // save conformance log
+    cy.contains('button', 'Save').click();
+    cy.contains('.swal2-title', 'SAVE NEW RULE');
+    cy.contains('button', 'OK').click();
+    cy.contains('#swal2-validation-message', 'You need to write something!'); // 不輸入要跳驗證
+    cy.get('.swal2-input').clear().type('random-conformance-rule-E2Etesting');
+    cy.contains('button', 'OK').click();
+    cy.contains('#swal2-html-container', 'random-conformance-rule-E2Etesting');
+
+    // 回到 Files 檢查是否有新增 Filter 'random-conformance-log-E2Etesting'.
+    cy.visit('https://REDACTED-HOST/files');
+    cy.url().should('include', 'files');
+    cy.contains('.fileName', 'random-conformance-rule-E2Etesting');
+  });
+
+
+});

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

@@ -1,7 +1,7 @@
 <template>
-  <div class="space-y-2" id="cyp-conformance-result-check">
+  <div class="space-y-2">
     <div 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">
+      <span class="material-symbols-outlined text-primary mr-2" id="cyp-conformance-result-check">
         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>