Revert vue prism component upgrade to v2 since it is not compatible (#7904)

* add failing test

Signed-off-by: Amndeep Singh Mann <amann@mitre.org>

* need e2e tests to go faster while i iterate - REVERT THIS

Signed-off-by: Amndeep Singh Mann <amann@mitre.org>

* I think we need to do the scroll before the assessment so that the components are actually generated

Signed-off-by: Amndeep Singh Mann <amann@mitre.org>

* thought it automatically got the first one but turns out that you need to specify that

Signed-off-by: Amndeep Singh Mann <amann@mitre.org>

* revert change back to vue-prism-component@1.2.0 since it's the version that supports vue2

Signed-off-by: Amndeep Singh Mann <amann@mitre.org>

* Revert "need e2e tests to go faster while i iterate - REVERT THIS"

This reverts commit 77fe8b2.

---------

Signed-off-by: Amndeep Singh Mann <amann@mitre.org>

Author: Amndeep7

apps/frontend/package.json

@@ -87,7 +87,7 @@
     "vue-cli-plugin-vuetify": "~2.5.0",
     "vue-cookies": "^1.7.4",
     "vue-file-agent": "^1.7.3",
-    "vue-prism-component": "~2.0.0",
+    "vue-prism-component": "^1.2.0",
     "vue-property-decorator": "^9.0.0",
     "vue-router": "~3.6.5",
     "vue-svg-inline-loader": "^2.0.0",

test/integration/results.cy.ts

@@ -41,6 +41,13 @@ context('Results', () => {
       cy.scrollTo('bottom');
     });
 
+    it('displays code tab contents for the Acme Overlay Example sample', () => {
+      uploadModal.loadSample('Acme Overlay Example');
+      cy.scrollTo('bottom');
+      resultsPage.openFirstResultCodeTab();
+      resultsPageVerifier.resultsCodeTabCorrect();
+    });
+
     it('it displays severity override indicators when present', () => {
       // Load sample with severity overrides
       uploadModal.loadSample('Small Profile With Severity Overrides');

test/support/pages/ResultsPage.ts

@@ -2,4 +2,9 @@ export default class ResultsPage {
   openProfileInfo(): void {
     cy.get('[data-cy=profileInfo]').click();
   }
+
+  openFirstResultCodeTab(): void {
+    cy.get('div.v-card__text.pa-2.font-weight-bold').first().click();
+    cy.get('a[href="#tab-code"]').click();
+  }
 }

test/support/verifiers/ResultsPageVerifier.ts

@@ -1,9 +1,9 @@
 export default class ResultsPageVerifier {
-  resultsFilenameCorrect(name: string): void {
+  resultsFilenameCorrect(name: string) {
     cy.get('[data-cy=fileinfo]').contains(`Filename: ${name}`);
   }
 
-  resultsDataCorrect(): void {
+  resultsDataCorrect() {
     const correctFileInfo: string[] = [
       'Acme Overlay Example',
       '4.19.2',
@@ -38,6 +38,10 @@ export default class ResultsPageVerifier {
     });
   }
 
+  resultsCodeTabCorrect() {
+    cy.get('pre').contains('# Profile name');
+  }
+
   severityOverridesCorrect() {
     const overrideCount = 3;
     cy.get('[data-cy=severityOverride]').then((result) => {

yarn.lock

@@ -18351,10 +18351,10 @@ vue-loader@^17.0.0:
     hash-sum "^2.0.0"
     watchpack "^2.4.0"
 
-vue-prism-component@~2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/vue-prism-component/-/vue-prism-component-2.0.0.tgz#eec89c5fe1ea3d8b55b8721d823b29d8b73b2b6d"
-  integrity sha512-1ofrL+GCZOv4HqtX5W3EgkhSAgadSeuD8FDTXbwhLy8kS+28RCR8t2S5VTeM9U/peAaXLBpSgRt3J25ao8KTeg==
+vue-prism-component@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/vue-prism-component/-/vue-prism-component-1.2.0.tgz#406252e16979def13b5d28827d95b2b6dc647825"
+  integrity sha512-0N9CNuQu+36CJpdsZHrhdq7d18oBvjVMjawyKdIr8xuzFWLfdxECZQYbFaYoopPBg3SvkEEMtkhYqdgTQl5Y+A==
 
 vue-property-decorator@^9.0.0:
   version "9.1.2"