Lumino adv tree

src/views/Tree.vue

@@ -88,10 +88,15 @@ import gql from 'graphql-tag'
 import { getPageTitle } from '@/utils/index'
 import graphqlMixin from '@/mixins/graphql'
 import subscriptionComponentMixin from '@/mixins/subscriptionComponent'
+import {
+  initialOptions,
+  useInitialOptions
+} from '@/utils/initialOptions'
 import SubscriptionQuery from '@/model/SubscriptionQuery.model'
 import TaskFilter from '@/components/cylc/TaskFilter.vue'
 import TreeComponent from '@/components/cylc/tree/Tree.vue'
 import { matchID, matchState } from '@/components/cylc/common/filter'
+import { ref } from 'vue'
 
 const QUERY = gql`
 subscription Workflow ($workflowId: ID) {
@@ -216,12 +221,22 @@ export default {
     }
   },
 
+  props: { initialOptions },
+
+  setup (props, { emit }) {
+    /**
+     * The job id input and selected task filter state.
+     * @type {import('vue').Ref<Object>}
+     */
+    const tasksFilter = useInitialOptions('tasksFilter', { props, emit }, ref({ id: null, states: null }))
+
+    return {
+      tasksFilter
+    }
+  },
+
   data: () => ({
     expandAll: null,
-    tasksFilter: {
-      id: null,
-      states: null,
-    },
   }),
 
   computed: {

tests/e2e/specs/tree.cy.js

@@ -250,6 +250,30 @@ describe('Tree view', () => {
         .should('have.length', 1)
         .contains('retrying')
     })
+    it('remembers job ID and file when switching between workflows', () => {
+      cy.visit('/#/workspace/one')
+      cy
+        .get('.node-data-task')
+        .contains('failed')
+        .should('be.visible')
+      cy
+        .get('[data-cy=filter-id]')
+        .type('i')
+      cy
+        .get('[data-cy="filter task state"]')
+        .click()
+        .get('.v-list-item')
+        .contains(TaskState.WAITING.name)
+        .click({ force: true })
+      // Navigate away
+      cy.visit('/#/')
+      cy.title().should('eq', 'Cylc UI | Dashboard')
+      // Navigate back
+      cy.visit('/#/workspace/one')
+        .get('.node-data-task:visible')
+        .should('have.length', 1)
+        .contains('retrying')
+    })
   })
 
   describe('Expand/collapse all buttons', () => {