Component tests: fix transparent/missing icons

Author: MetRonnie

cypress/support/component.js

@@ -22,7 +22,7 @@ import '@/styles/index.scss'
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
 
-import { createVuetify } from 'vuetify'
+import vuetify from '@/plugins/vuetify'
 
 import { mount } from 'cypress/vue'
 
@@ -34,7 +34,6 @@ Cypress.Commands.add('mount', mount)
 // e.g. cy.mount(MyVuetifyComponent)
 // see also addVuetifyStyles
 Cypress.Commands.add('vmount', (component, options = {}) => {
-  const vuetify = createVuetify()
   return mount(
     component,
     {

src/styles/cylc/_job.scss

@@ -134,7 +134,7 @@ $cjob: ".c-job .job rect";
 }
 
 @each $theme in "default", "greyscale", "colour_blind" {
-    #app .job_theme--#{$theme} {
+    .job_theme--#{$theme} {
         &, // job theme as configured by the top-level application
         &.job_theme_override {
             // if overridden elsewhere the new value should take priority