18369 agm extension evaluation

package.json

@@ -1,6 +1,6 @@
 {
   "name": "business-filings-ui",
-  "version": "7.0.5",
+  "version": "7.0.6",
   "private": true,
   "appName": "Filings UI",
   "sbcName": "SBC Common Components",

src/components/AgmExtension/AgmExtensionEvaluation.vue

@@ -10,6 +10,7 @@
 
     <template #content>
       <v-card
+        v-if="!data.isEligible"
         outlined
         class="message-box rounded-0 mt-6 mx-6"
       >
@@ -33,7 +34,7 @@
           cols="12"
           sm="9"
         >
-          {{ data.agmYear || '' }}
+          {{ data.agmYear }}
         </v-col>
       </v-row>
 
@@ -48,10 +49,18 @@
           <strong>Duration of Extension</strong>
         </v-col>
         <v-col
+          v-if="!data.isEligible"
           cols="12"
           sm="9"
         >
-          {{ data.extensionDuration || 'Unknown' }}
+          {{ extensionDurationText }}
+        </v-col>
+        <v-col
+          v-else
+          cols="12"
+          sm="9"
+        >
+          {{ data.extensionDuration }} months
         </v-col>
       </v-row>
 
@@ -66,10 +75,18 @@
           <strong>Due date for this AGM</strong>
         </v-col>
         <v-col
+          v-if="!data.isEligible"
+          cols="12"
+          sm="9"
+        >
+          {{ dueDateText }}
+        </v-col>
+        <v-col
+          v-else
           cols="12"
           sm="9"
         >
-          {{ data.agmDueDate || 'Unknown' }}
+          {{ dueDateString }}
         </v-col>
       </v-row>
     </template>
@@ -80,6 +97,7 @@
 import { Component, Prop, Vue } from 'vue-property-decorator'
 import { VcardTemplate } from '@/components/common'
 import { AgmExtEvalIF } from '@/interfaces'
+import { DateUtilities } from '@/services'
 
 @Component({
   components: {
@@ -88,5 +106,13 @@ import { AgmExtEvalIF } from '@/interfaces'
 })
 export default class AgmExtensionEvaluation extends Vue {
   @Prop({ required: true }) readonly data!: AgmExtEvalIF
+
+  @Prop({ default: '' }) readonly extensionDurationText!: string
+
+  @Prop({ default: '' }) readonly dueDateText!: string
+
+  get dueDateString (): string {
+    return (DateUtilities.formatYyyyMmDd(this.data.agmDueDate))
+  }
 }
 </script>

src/interfaces/agm-ext-eval-interface.ts

@@ -1,5 +1,6 @@
 /** Object that stores AGM Extension evaluation fields. */
 export interface AgmExtEvalIF {
+  isEligible: boolean
   isGoodStanding: boolean
   incorporationDate: Date
   isFirstAgm: boolean
@@ -14,10 +15,11 @@ export interface AgmExtEvalIF {
 
 /** An empty AGM Extension Evaluation object. Note: don't assign this - make a copy instead. */
 export const EmptyAgmExtEval: AgmExtEvalIF = {
+  isEligible: null,
   isGoodStanding: null,
   incorporationDate: null,
   isFirstAgm: null,
   agmYear: null,
-  extensionDuration: NaN,
+  extensionDuration: null,
   agmDueDate: null
 }

src/views/AgmExtension.vue

@@ -63,6 +63,8 @@
             <AgmExtensionEvaluation
               class="mt-8"
               :data.sync="data"
+              :extensionDurationText="''"
+              :dueDateText="''"
             />
 
             <!-- delete this debugging code -->

tests/unit/AgmExtensionEvaluation.spec.ts

@@ -11,7 +11,7 @@ const vuetify = new Vuetify({})
 setActivePinia(createPinia())
 const rootStore = useRootStore()
 
-describe('ExtensionRequest', () => {
+describe('ExtensionEvaluation', () => {
   it('displays normally', () => {
     // init store
     rootStore.keycloakRoles = ['']
@@ -36,10 +36,93 @@ describe('ExtensionRequest', () => {
     expect(rows.at(0).find('.col-sm-9').text()).toBe('2023')
 
     expect(rows.at(1).find('.col-sm-3').text()).toBe('Duration of Extension')
-    expect(rows.at(1).find('.col-sm-9').text()).toBe('Unknown')
+    expect(rows.at(1).find('.col-sm-9').text()).toBe('')
 
     expect(rows.at(2).find('.col-sm-3').text()).toBe('Due date for this AGM')
-    expect(rows.at(2).find('.col-sm-9').text()).toBe('Unknown')
+    expect(rows.at(2).find('.col-sm-9').text()).toBe('')
+
+    wrapper.destroy()
+  })
+
+  it('is eligible', () => {
+    // init store
+    rootStore.keycloakRoles = ['']
+
+    const wrapper = mount(AgmExtensionEvaluation, {
+      propsData: {
+        data: {
+          agmYear: 2023,
+          isEligible: true
+        },
+        extensionDurationText: '',
+        dueDateText: ''
+      },
+      vuetify
+    })
+
+    const rows = wrapper.findAll('.content .row')
+
+    expect(rows.at(0).find('.col-sm-9').text()).toBe('2023')
+
+    expect(rows.at(1).find('.col-sm-9').text()).toBe('months')
+
+    expect(rows.at(2).find('.col-sm-9').text()).toBe('')
+
+    wrapper.destroy()
+  })
+
+  it('is eligible, setting the extensionDurationText and dueDateText', () => {
+    // init store
+    rootStore.keycloakRoles = ['']
+
+    const wrapper = mount(AgmExtensionEvaluation, {
+      propsData: {
+        data: {
+          agmYear: 2023,
+          isEligible: true
+        },
+        extensionDurationText: '6 months',
+        dueDateText: 'December 2, 2023'
+      },
+      vuetify
+    })
+
+    const rows = wrapper.findAll('.content .row')
+
+    expect(rows.at(0).find('.col-sm-9').text()).toBe('2023')
+
+    expect(rows.at(1).find('.col-sm-9').text()).toBe('months')
+
+    expect(rows.at(2).find('.col-sm-9').text()).toBe('')
+
+    wrapper.destroy()
+  })
+
+  it('is not eligible', () => {
+    // init store
+    rootStore.keycloakRoles = ['']
+
+    const wrapper = mount(AgmExtensionEvaluation, {
+      propsData: {
+        data: {
+          agmYear: 2023,
+          isEligible: false
+        },
+        extensionDurationText: 'The business has reached maximum possible extension for this AGM.',
+        dueDateText: 'The business is overdue for this AGM and extension cannot be requested.'
+      },
+      vuetify
+    })
+
+    const rows = wrapper.findAll('.content .row')
+
+    expect(rows.at(0).find('.col-sm-9').text()).toBe('2023')
+
+    expect(rows.at(1).find('.col-sm-9').text()).toBe(
+      'The business has reached maximum possible extension for this AGM.')
+
+    expect(rows.at(2).find('.col-sm-9').text()).toBe(
+      'The business is overdue for this AGM and extension cannot be requested.')
 
     wrapper.destroy()
   })