From c0246bda2818ad794eeeb13afdc6eccac04c736d Mon Sep 17 00:00:00 2001
From: Whisperity <whisperity@gmail.com>
Date: Wed, 27 Mar 2024 09:56:21 +0100
Subject: [PATCH] test(gui): Add front-end test for checked status in
 AnalysisInfo dialog

---
 web/server/vue-cli/e2e/pages/runs.js          | 10 ++-
 web/server/vue-cli/e2e/specs/runs.js          | 90 +++++++++++++++++--
 .../src/components/AnalysisInfo/Checker.vue   |  2 +
 .../components/AnalysisInfo/CheckerGroup.vue  |  7 +-
 .../src/components/AnalysisInfoDialog.vue     | 52 ++++++-----
 .../{ => api}/analysis-info-handling.mixin.js | 10 ++-
 web/server/vue-cli/src/mixins/api/index.js    |  5 ++
 web/server/vue-cli/src/mixins/index.js        |  4 +-
 8 files changed, 135 insertions(+), 45 deletions(-)
 rename web/server/vue-cli/src/mixins/{ => api}/analysis-info-handling.mixin.js (96%)
 create mode 100644 web/server/vue-cli/src/mixins/api/index.js

diff --git a/web/server/vue-cli/e2e/pages/runs.js b/web/server/vue-cli/e2e/pages/runs.js
index c3dd7b7588..7d9c38a86c 100644
--- a/web/server/vue-cli/e2e/pages/runs.js
+++ b/web/server/vue-cli/e2e/pages/runs.js
@@ -34,7 +34,7 @@ module.exports = {
     showDescriptionBtn: "button.description",
     showHistoryBtn: "a.show-history",
     showStatisticsBtn: "a.show-statistics",
-    showCheckCommandBtn: "button.show-analysis-info",
+    showAnalysisInfoBtn: "button.show-analysis-info",
     openDetectionStatus: "a.detection-status-count",
     descriptionMenu:
       ".menuable__content__active.run-description-menu .v-card__text",
@@ -61,10 +61,12 @@ module.exports = {
         storedBefore: ".stored-before",
       }
     },
-    checkCommandDialog: {
+    analysisInfoDialog: {
       selector: ".v-dialog__content--active .analysis-info",
       elements: {
-        content: ".container",
+        command: ".analyze-command",
+        checkerStatuses: ".checker-statuses",
+        checkerStatusError: ".checker-status-unavailable",
         closeBtn: ".v-card__title button"
       }
     },
@@ -89,7 +91,7 @@ module.exports = {
           elements: {
             date: ".date",
             showStatisticsBtn: "a.show-statistics",
-            showCheckCommandBtn: "button.show-analysis-info",
+            showAnalysisInfoBtn: "button.show-analysis-info",
             historyEvent: ".v-timeline-item.run-history",
             baseline: ".compare-events .v-input--checkbox:nth-child(1)",
             compareTo: ".compare-events .v-input--checkbox:nth-child(2)"
diff --git a/web/server/vue-cli/e2e/specs/runs.js b/web/server/vue-cli/e2e/specs/runs.js
index 715894e3d4..e07ec2a11f 100644
--- a/web/server/vue-cli/e2e/specs/runs.js
+++ b/web/server/vue-cli/e2e/specs/runs.js
@@ -79,19 +79,86 @@ module.exports = {
       .waitForElementNotPresent("@descriptionMenu");
   },
 
-  "show check command of a run" (browser) {
+  async "show check command of a run" (browser) {
     const checkCommand = "cli.py analyze";
     const runsPage = browser.page.runs();
-    const dialogSection = runsPage.section.checkCommandDialog;
+    const dialogSection = runsPage.section.analysisInfoDialog;
 
-    runsPage.click("@showCheckCommandBtn");
+    runsPage.click("@showAnalysisInfoBtn");
 
     runsPage.expect.section(dialogSection)
       .to.be.visible.before(5000);
 
-    dialogSection.assert.containsText("@content", checkCommand);
+    dialogSection.assert.containsText("@command", checkCommand);
 
-    // Close check command dialog.
+    dialogSection.expect.element("@checkerStatuses")
+      .to.be.present.before(5000);
+    dialogSection.expect.element("@checkerStatusError")
+      .to.not.be.present.before(5000);
+
+    dialogSection.pause(1000);
+    await (async () => {
+      const analyzerPanelBtnSelector = ".analysis-info " +
+        ".analyzer-checkers-panel" +
+          ".v-expansion-panel" +
+          ":not(.v-expansion-panel--active) " +
+        "button";
+
+      dialogSection.expect.element(analyzerPanelBtnSelector)
+        .to.be.present.before(5000);
+
+      const analyzerPanelBtns = await runsPage.api.findElements(
+        analyzerPanelBtnSelector);
+      analyzerPanelBtns.value.forEach(async btnId =>
+        await runsPage.api.elementIdClick(btnId.getId()));
+
+      dialogSection.expect.element(analyzerPanelBtnSelector)
+        .to.not.be.present.before(5000);
+    })();
+    await (async () => {
+      const checkerGroupPanelBtnSelector = ".analysis-info " +
+        ".analyzer-checker-group-panel" +
+          ".v-expansion-panel" +
+          ":not(.v-expansion-panel--active) " +
+        "button";
+
+      dialogSection.expect.element(checkerGroupPanelBtnSelector)
+        .to.be.present.before(5000);
+
+      const checkerGroupPanelBtns = await runsPage.api.findElements(
+        checkerGroupPanelBtnSelector);
+      checkerGroupPanelBtns.value.forEach(async btnId =>
+        await runsPage.api.elementIdClick(btnId.getId()));
+
+      dialogSection.expect.element(checkerGroupPanelBtnSelector)
+        .to.not.be.present.before(5000);
+    })();
+    dialogSection.pause(1000);
+
+    const assertCheckerStatus = (analyzer, group, checker, enabled) => {
+      const checkerSelector = ".analysis-info " +
+        ".analyzer-checkers-panel[data-analyzer-name='" + analyzer + "'] " +
+        (group === "" ? "" :
+          ".analyzer-checker-group-panel[data-group-name='" + group +"'] ") +
+        ".analysis-info-checker[data-checker-name='" + checker + "'] " +
+        ".checker-" + (enabled ? "enabled" : "disabled");
+
+      dialogSection.expect.element(checkerSelector).to.be.present.before(1000);
+      dialogSection.expect.element(checkerSelector).text.to.equal(checker);
+    };
+    const assertChecker = (analyzer, group, checker) =>
+      assertCheckerStatus(analyzer, group, checker, true);
+    const assertNotChecker = (analyzer, group, checker) =>
+      assertCheckerStatus(analyzer, group, checker, false);
+
+    assertChecker("clangsa", "core", "core.DivideZero");
+    assertChecker("clangsa", "cplusplus", "cplusplus.NewDelete");
+    assertNotChecker("clangsa", "osx", "osx.cocoa.Loops");
+
+    assertChecker("clang-tidy", "clang-diagnostic", "clang-diagnostic-switch");
+    assertNotChecker("clang-tidy", "llvm", "llvm-header-guard");
+
+    // Close analysis info dialog.
     dialogSection.pause(100).click("@closeBtn");
 
     runsPage.expect.section(dialogSection)
@@ -277,16 +344,21 @@ module.exports = {
       const runsPage = browser.page.runs();
       const expandedSection = runsPage.section.expanded;
       const timelineSection = expandedSection.section.timeline;
-      const dialogSection = runsPage.section.checkCommandDialog;
+      const dialogSection = runsPage.section.analysisInfoDialog;
 
-      timelineSection.click("@showCheckCommandBtn");
+      timelineSection.click("@showAnalysisInfoBtn");
 
       runsPage.expect.section(dialogSection)
         .to.be.visible.before(5000);
 
-      dialogSection.assert.containsText("@content", checkCommand);
+      dialogSection.assert.containsText("@command", checkCommand);
+
+      dialogSection.expect.element("@checkerStatuses")
+        .to.be.present.before(5000);
+      dialogSection.expect.element("@checkerStatusError")
+        .to.not.be.present.before(5000);
 
-      // Close check command dialog.
+      // Close analysis info dialog.
       dialogSection.click("@closeBtn");
 
       runsPage.expect.section(dialogSection)
diff --git a/web/server/vue-cli/src/components/AnalysisInfo/Checker.vue b/web/server/vue-cli/src/components/AnalysisInfo/Checker.vue
index 0d356a0f27..9dff93c7fc 100644
--- a/web/server/vue-cli/src/components/AnalysisInfo/Checker.vue
+++ b/web/server/vue-cli/src/components/AnalysisInfo/Checker.vue
@@ -2,6 +2,8 @@
   <v-row
     no-gutters
     align="center"
+    class="analysis-info-checker"
+    :data-checker-name="name"
   >
     <v-col
       cols="auto"
diff --git a/web/server/vue-cli/src/components/AnalysisInfo/CheckerGroup.vue b/web/server/vue-cli/src/components/AnalysisInfo/CheckerGroup.vue
index 18eba8a74a..da003f45fd 100644
--- a/web/server/vue-cli/src/components/AnalysisInfo/CheckerGroup.vue
+++ b/web/server/vue-cli/src/components/AnalysisInfo/CheckerGroup.vue
@@ -1,5 +1,8 @@
 <template>
-  <v-expansion-panel>
+  <v-expansion-panel
+    class="analyzer-checker-group-panel"
+    :data-group-name="group"
+  >
     <v-expansion-panel-header
       class="pa-0 px-1"
     >
@@ -76,7 +79,7 @@
 <script>
 import CountChips from "@/components/CountChips";
 import CheckerRows from "./CheckerRows";
-import { CountKeys } from "@/mixins/analysis-info-handling.mixin";
+import { CountKeys } from "@/mixins/api/analysis-info-handling.mixin";
 
 export default {
   name: "CheckerGroup",
diff --git a/web/server/vue-cli/src/components/AnalysisInfoDialog.vue b/web/server/vue-cli/src/components/AnalysisInfoDialog.vue
index b1555e5b65..786642c9de 100644
--- a/web/server/vue-cli/src/components/AnalysisInfoDialog.vue
+++ b/web/server/vue-cli/src/components/AnalysisInfoDialog.vue
@@ -25,7 +25,7 @@
           <div
             v-for="cmd in highlightedCmds"
             :key="cmd"
-            class="analysis-info mb-2"
+            class="analyze-command mb-2"
             v-html="cmd"
           />
         </v-container>
@@ -37,7 +37,7 @@
             v-if="analysisInfo.checkerInfoAvailability ===
               CheckerInfoAvailability.Available"
           >
-            <v-container class="pa-0 pt-1">
+            <v-container class="checker-statuses pa-0 pt-1">
               <v-expansion-panels
                 multiple
                 hover
@@ -45,6 +45,8 @@
                 <v-expansion-panel
                   v-for="analyzer in analysisInfo.analyzers"
                   :key="analyzer"
+                  class="analyzer-checkers-panel"
+                  :data-analyzer-name="analyzer"
                 >
                   <v-expansion-panel-header
                     class="pa-0 px-1"
@@ -115,7 +117,7 @@
           >
             <v-alert
               icon="mdi-alert"
-              class="mt-2"
+              class="checker-status-unavailable mt-2"
               color="deep-orange"
               outlined
             >
@@ -148,8 +150,8 @@
                 <span class="version">{{
                   analysisInfo.codeCheckerVersion
                 }}</span>
-                client, and it was also <span class="font-italic">likely</span>
-                stored when the server ran this older version.
+                client, and it was also likely stored when the server ran this
+                older version.
               </span>
               <span
                 v-else-if="analysisInfo.checkerInfoAvailability ===
@@ -175,11 +177,11 @@ import {
 } from "@/components/AnalysisInfo";
 import CountChips from "@/components/CountChips";
 import {
-  default as AnalysisInfoHandlingMixin,
+  default as AnalysisInfoHandlingAPIMixin,
   CheckerInfoAvailability,
   CountKeys,
   GroupKeys
-} from "@/mixins/analysis-info-handling.mixin";
+} from "@/mixins/api/analysis-info-handling.mixin";
 
 export default {
   name: "AnalysisInfoDialog",
@@ -188,7 +190,7 @@ export default {
     CheckerRows,
     CountChips
   },
-  mixins: [ AnalysisInfoHandlingMixin ],
+  mixins: [ AnalysisInfoHandlingAPIMixin ],
   props: {
     value: { type: Boolean, default: false },
     runId: { type: Object, default: () => null },
@@ -283,26 +285,28 @@ export default {
 
 <style lang="scss" scoped>
 ::v-deep .analysis-info {
-  border: 1px solid grey;
-  padding: 4px;
+  .analyze-command {
+    border: 1px solid grey;
+    padding: 4px;
 
-  .param {
-    background-color: rgba(0, 0, 0, 0.15);
-    font-weight: bold;
-    padding-left: 2px;
-    padding-right: 2px;
-  }
+    .param {
+      background-color: rgba(0, 0, 0, 0.15);
+      font-weight: bold;
+      padding-left: 2px;
+      padding-right: 2px;
+    }
 
-  .enabled-checkers {
-    background-color: rgba(0, 142, 0, 0.15);
-  }
+    .enabled-checkers {
+      background-color: rgba(0, 142, 0, 0.15);
+    }
 
-  .disabled-checkers {
-    background-color: rgba(142, 0, 0, 0.15);
-  }
+    .disabled-checkers {
+      background-color: rgba(142, 0, 0, 0.15);
+    }
 
-  .ctu, .statistics {
-    background-color: rgba(0, 0, 142, 0.15);
+    .ctu, .statistics {
+      background-color: rgba(0, 0, 142, 0.15);
+    }
   }
 
   .analyzer-name {
diff --git a/web/server/vue-cli/src/mixins/analysis-info-handling.mixin.js b/web/server/vue-cli/src/mixins/api/analysis-info-handling.mixin.js
similarity index 96%
rename from web/server/vue-cli/src/mixins/analysis-info-handling.mixin.js
rename to web/server/vue-cli/src/mixins/api/analysis-info-handling.mixin.js
index 9d71f1bba8..f7b2b48e2c 100644
--- a/web/server/vue-cli/src/mixins/analysis-info-handling.mixin.js
+++ b/web/server/vue-cli/src/mixins/api/analysis-info-handling.mixin.js
@@ -4,7 +4,7 @@ import {
   RunFilter,
   RunHistoryFilter
 } from "@cc/report-server-types";
-import VersionMixin from "./version.mixin";
+import VersionMixin from "../version.mixin";
 
 const GroupKeys = Object.freeze({
   NoGroup: "__N",
@@ -129,6 +129,10 @@ function mergeReduceCheckerStatuses(accumulator, inCheckerDict) {
 }
 
 class AnalysisInfo {
+  GroupKeys() { return GroupKeys; }
+  CountKeys() { return CountKeys; }
+  CheckerInfoAvailability() { return CheckerInfoAvailability; }
+
   constructor() {
     this.cmds = [];
     this.checkers = {};
@@ -217,7 +221,7 @@ class AnalysisInfo {
   }
 }
 
-const AnalysisInfoHandlingMixin = {
+const AnalysisInfoHandlingAPIMixin = {
   methods: {
     loadAnalysisInfo(runId, runHistoryId, reportId) {
       const analysisInfoFilter = new AnalysisInfoFilter({
@@ -260,7 +264,7 @@ const AnalysisInfoHandlingMixin = {
 
 export {
   AnalysisInfo,
-  AnalysisInfoHandlingMixin as default,
+  AnalysisInfoHandlingAPIMixin as default,
   CheckerInfoAvailability,
   CountKeys,
   GroupKeys,
diff --git a/web/server/vue-cli/src/mixins/api/index.js b/web/server/vue-cli/src/mixins/api/index.js
new file mode 100644
index 0000000000..832785feff
--- /dev/null
+++ b/web/server/vue-cli/src/mixins/api/index.js
@@ -0,0 +1,5 @@
+import AnalysisInfoHandlingAPIMixin from "./analysis-info-handling.mixin";
+
+export {
+  AnalysisInfoHandlingAPIMixin,
+};
diff --git a/web/server/vue-cli/src/mixins/index.js b/web/server/vue-cli/src/mixins/index.js
index 0a888bfe07..42c8abf0a9 100644
--- a/web/server/vue-cli/src/mixins/index.js
+++ b/web/server/vue-cli/src/mixins/index.js
@@ -1,4 +1,3 @@
-import AnalysisInfoHandlingMixin from "./analysis-info-handling.mixin";
 import BugPathLengthColorMixin from "./bug-path-length-color.mixin";
 import ConfidentialityMixin from "./confidentiality.mixin";
 import DateMixin from "./date.mixin";
@@ -10,7 +9,6 @@ import ToCSV from "./to-csv.mixin";
 import VersionMixin from "./version.mixin";
 
 export {
-  AnalysisInfoHandlingMixin,
   BugPathLengthColorMixin,
   ConfidentialityMixin,
   DateMixin,
@@ -19,5 +17,5 @@ export {
   SeverityMixin,
   StrToColorMixin,
   ToCSV,
-  VersionMixin
+  VersionMixin,
 };