fixx(front): skip rendering empty job account

The association.account field is empty in Slurm REST API v0.0.43 and
v0.0.44. This is probably a regression in Slurm:

https://support.schedmd.com/show_bug.cgi?id=24215

This leads to an error when the JobFieldRaw is rendering with an empty
query parameter for account link. Then skip rendering of JobFieldRaw
component on empty account as a workaround.

Author: rezib

frontend/src/views/JobView.vue

@@ -260,7 +260,19 @@ onMounted(() => {
                     </span>
                   </a>
                 </dt>
-                <component :is="field.component" v-bind="field.props" />
+                <!--
+                  If the account is empty, do not render the component. This is actually a
+                  workaround for this Slurm bug:
+
+                  https://support.schedmd.com/show_bug.cgi?id=24215
+
+                   With Slurm REST API v0.0.43 and v0.0.44, this field is always empty.
+                -->
+                <component
+                  v-if="!(field.id === 'account' && data.association.account === '')"
+                  :is="field.component"
+                  v-bind="field.props"
+                />
               </div>
             </dl>
           </div>

frontend/tests/views/JobView.spec.ts

@@ -48,22 +48,26 @@ describe('JobView.vue', () => {
     expect(backButton.text()).toBe('Back to jobs')
     // Check some jobs fields
 
-    // User field has RouterLink, so check RouterLink component and props
+    // User field has RouterLink, so check JobFieldRaw component and props
     const userField = wrapper.get('dl div#user').getComponent(JobFieldRaw)
     expect(userField.props('field')).toBe(jobRunning.user)
     expect(userField.props('to')).toEqual({
       name: 'user',
       params: { cluster: 'foo', user: jobRunning.user }
     })
 
-    // Account field has RouterLink, so check RouterLink component and props
-    const accountField = wrapper.get('dl div#account').getComponent(JobFieldRaw)
-    expect(accountField.props('field')).toBe(jobRunning.association.account)
-    expect(accountField.props('to')).toEqual({
-      name: 'account',
-      params: { cluster: 'foo', account: jobRunning.association.account }
-    })
-
+    // Account field has RouterLink, so check JobFieldRaw component and props.
+    // If the account is empty, the component is not rendered. This is actually a
+    // workaround for this Slurm bug:
+    // https://support.schedmd.com/show_bug.cgi?id=24215
+    if (jobRunning.association.account !== '') {
+      const accountField = wrapper.get('dl div#account').getComponent(JobFieldRaw)
+      expect(accountField.props('field')).toBe(jobRunning.association.account)
+      expect(accountField.props('to')).toEqual({
+        name: 'account',
+        params: { cluster: 'foo', account: jobRunning.association.account }
+      })
+    }
     // Fields without RouterLink should have text directly accessible
     expect(wrapper.get('dl div#group dd').text()).toBe(jobRunning.group)
     expect(wrapper.get('dl div#priority dd').text()).toBe(jobRunning.priority.number.toString())