From 7e18d4aa09ef80effd49d090c506c288ebcd1e41 Mon Sep 17 00:00:00 2001
From: Travis Semple <travis8814@gmail.com>
Date: Fri, 23 Jun 2023 12:11:28 -0700
Subject: [PATCH] 15951 - Special Resolution Corrections (#508)

* Touch ups from UX.

* Special Resolution Corrections

* Update package + package.lock.

* Fixes based on feedback.

* Typo

* Update remove debugger, update interfaces.

* Add in null

* Small fixes for base filing.

* Feedback changes.

* One more spot.

* Remove comment

* Remove comment

* Unit test fix.

* Use beforeEach instead of beforeAll.
---
 jest.config.js                                |   3 +-
 package-lock.json                             |  32 +-
 package.json                                  |   4 +-
 .../CreateSpecialResolution.vue               | 109 -------
 ...ecialResolution.vue => HelpResolution.vue} |  14 +-
 .../SpecialResolution/InstructionalText.vue   |  11 +-
 .../SpecialResolution/Memorandum.vue          |  12 +-
 .../SpecialResolution/Resolution.vue          | 252 +++++++++++++++
 .../SpecialResolution/ResolutionEditor.vue    | 169 ++++++----
 ...utionSummary.vue => ResolutionSummary.vue} |   6 +-
 src/components/SpecialResolution/Rules.vue    |  13 +-
 .../SpecialResolution/SigningParty.vue        | 101 ++++--
 .../SpecialResolutionSummary.vue              |   6 +-
 src/components/SpecialResolution/index.ts     |   6 +-
 src/components/common/Detail.vue              |   6 +-
 .../common/YourCompany/AssociationType.vue    |  20 +-
 .../alteration-interface.ts                   |  22 +-
 .../business-snapshot-interface.ts            |   4 +-
 .../resolutions-interface.ts                  |   8 +-
 .../correction-information-interface.ts       |  14 +-
 .../store-interfaces/state-model-interface.ts |   2 +
 src/mixins/filing-template-mixin.ts           | 219 ++++++++-----
 src/resources/Correction/CP.ts                |  49 +++
 src/resources/Correction/index.ts             |   1 +
 src/resources/SpecialResolution/CP.ts         |   2 +-
 src/services/legal-services.ts                |  13 +-
 src/store/state/state-model.ts                |   4 +-
 src/store/store.ts                            |  88 +++++-
 src/views/Correction.vue                      |   8 +-
 src/views/Correction/CoopCorrection.vue       | 210 +++++++++++++
 src/views/SpecialResolution.vue               |   6 +-
 tests/unit/AccountAuthorizationDialog.spec.ts |   2 -
 tests/unit/Actions.spec.ts                    |   1 -
 tests/unit/AddNameTranslation.spec.ts         |   1 -
 tests/unit/Alteration.spec.ts                 |   1 -
 tests/unit/AlterationSummary.spec.ts          |   1 -
 tests/unit/App.spec.ts                        |   1 -
 tests/unit/Articles.spec.ts                   |   1 -
 tests/unit/AssociationType.spec.ts            |   2 -
 tests/unit/BusinessContactInfo.spec.ts        |   1 -
 tests/unit/BusinessStartDate.spec.ts          |   1 -
 tests/unit/CertifySection.spec.ts             |   2 -
 tests/unit/Change.spec.ts                     |   1 -
 tests/unit/ChangeBusinessType.spec.ts         |   2 -
 tests/unit/ChangeSummary.spec.ts              |   1 -
 tests/unit/CommonCompletingParty.spec.ts      |   2 -
 tests/unit/CompanyProvisions.spec.ts          |   1 -
 tests/unit/Conversion.spec.ts                 |   1 -
 tests/unit/ConversionNOB.spec.ts              |   1 -
 tests/unit/ConversionSummary.spec.ts          |   1 -
 tests/unit/CoopCorrection.spec.ts             | 289 ++++++++++++++++++
 tests/unit/CorpCorrection.spec.ts             |   1 -
 tests/unit/CorrectBusinessType.spec.ts        |   1 -
 tests/unit/CorrectCompanyName.spec.ts         |   2 -
 tests/unit/CorrectName.spec.ts                |   1 -
 tests/unit/CorrectNameRequest.spec.ts         |   2 -
 tests/unit/CorrectNameToNumber.spec.ts        |   1 -
 tests/unit/CourtOrderPoa.spec.ts              |   2 -
 tests/unit/Detail.spec.ts                     |   2 -
 tests/unit/DocumentDelivery.spec.ts           |   2 -
 tests/unit/EffectiveDateTime.spec.ts          |   2 -
 tests/unit/EntityInfo.spec.ts                 |   2 -
 tests/unit/EntityName.spec.ts                 |   1 -
 tests/unit/ErrorContact.spec.ts               |   2 -
 tests/unit/ExtendTimeLimit.spec.ts            |   2 -
 tests/unit/FetchErrorDialog.spec.ts           |   2 -
 ...FileAndPayInvalidNameRequestDialog.spec.ts |   2 -
 tests/unit/FirmCorrection.spec.ts             |   1 -
 tests/unit/FolioInformation.spec.ts           |   2 -
 tests/unit/InstructionalText.spec.ts          |  13 +-
 .../unit/LimitedRestorationExtension.spec.ts  |   1 -
 tests/unit/LimitedRestorationToFull.spec.ts   |   1 -
 tests/unit/ListNameTranslations.spec.ts       |   1 -
 tests/unit/ListPeopleAndRoles.spec.ts         |   6 -
 tests/unit/Memorandum.spec.ts                 |   1 -
 tests/unit/NameRequestErrorDialog.spec.ts     |   1 -
 tests/unit/NameTranslation.spec.ts            |   1 -
 tests/unit/OfficeAddresses.spec.ts            |   5 -
 tests/unit/OrgPerson.spec.ts                  |   5 -
 tests/unit/PaymentErrorDialog.spec.ts         |   2 -
 tests/unit/PeopleAndRoles.spec.ts             |   6 -
 ...lResolution.spec.ts => Resolution.spec.ts} |  89 ++++--
 tests/unit/ResolutionDates.spec.ts            |   1 -
 tests/unit/ResolutionEditor.spec.ts           |  41 ++-
 ...mary.spec.ts => ResolutionSummary.spec.ts} |  10 +-
 tests/unit/RestorationSummary.spec.ts         |   1 -
 tests/unit/Rules.spec.ts                      |   1 -
 tests/unit/SaveErrorDialog.spec.ts            |   2 -
 tests/unit/ShareStructures.spec.ts            |   1 -
 tests/unit/SigningParty.spec.ts               |  39 ++-
 tests/unit/SpecialResolution.spec.ts          |   1 -
 tests/unit/SpecialResolutionSummary.spec.ts   |   3 -
 tests/unit/StaffPaymentErrorDialog.spec.ts    |   2 -
 tests/unit/TransactionalFolioNumber.spec.ts   |   2 -
 tests/unit/ViewWrapper.spec.ts                |   2 -
 tests/unit/legal-services.spec.ts             |  61 ++++
 tests/unit/setup.ts                           |  30 ++
 tests/unit/state-getters.spec.ts              |   1 -
 98 files changed, 1601 insertions(+), 486 deletions(-)
 delete mode 100644 src/components/SpecialResolution/CreateSpecialResolution.vue
 rename src/components/SpecialResolution/{HelpSpecialResolution.vue => HelpResolution.vue} (93%)
 create mode 100644 src/components/SpecialResolution/Resolution.vue
 rename src/components/SpecialResolution/{CreateSpecialResolutionSummary.vue => ResolutionSummary.vue} (97%)
 create mode 100644 src/resources/Correction/CP.ts
 create mode 100644 src/views/Correction/CoopCorrection.vue
 create mode 100644 tests/unit/CoopCorrection.spec.ts
 rename tests/unit/{CreateSpecialResolution.spec.ts => Resolution.spec.ts} (60%)
 rename tests/unit/{CreateSpecialResolutionSummary.spec.ts => ResolutionSummary.spec.ts} (88%)
 create mode 100644 tests/unit/setup.ts

diff --git a/jest.config.js b/jest.config.js
index 36d60281f..04bbcecc1 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -7,5 +7,6 @@ module.exports = {
     }
   },
   preset: '@vue/cli-plugin-unit-jest/presets/typescript-and-babel',
-  transformIgnorePatterns: []
+  transformIgnorePatterns: [],
+  setupFiles: ['./tests/unit/setup.ts']
 }
diff --git a/package-lock.json b/package-lock.json
index 96b71d7e7..6dcb01832 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,11 +21,11 @@
         "@bcrs-shared-components/court-order-poa": "2.1.3",
         "@bcrs-shared-components/date-picker": "1.2.5",
         "@bcrs-shared-components/detail-comment": "1.1.1",
-        "@bcrs-shared-components/enums": "1.0.38",
+        "@bcrs-shared-components/enums": "1.0.39",
         "@bcrs-shared-components/fee-summary": "1.2.5",
         "@bcrs-shared-components/folio-number": "1.1.1",
         "@bcrs-shared-components/help-business-number": "1.1.1",
-        "@bcrs-shared-components/interfaces": "1.0.60",
+        "@bcrs-shared-components/interfaces": "1.0.63",
         "@bcrs-shared-components/limited-restoration-panel": "2.0.1",
         "@bcrs-shared-components/nature-of-business": "1.2.4",
         "@bcrs-shared-components/relationships-panel": "1.0.14",
@@ -1967,9 +1967,9 @@
       }
     },
     "node_modules/@bcrs-shared-components/enums": {
-      "version": "1.0.38",
-      "resolved": "https://registry.npmjs.org/@bcrs-shared-components/enums/-/enums-1.0.38.tgz",
-      "integrity": "sha512-zv8pevmYgqB/dCgezMJuoxGsse6Crmgxkg0YdnPBCD1g93vq6X7rBDweZ4MLcSCFfq3yPTH0JPhixu89C+YBOw==",
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/@bcrs-shared-components/enums/-/enums-1.0.39.tgz",
+      "integrity": "sha512-+K2ijM+SlGpeALrqPPJ8xWj4hJnh2WI+gAhWjt8CDf11wHl0pVaXBDB6o9BeYbwahEBKpU2SvOrNYIQ2K20kng==",
       "dependencies": {
         "@bcrs-shared-components/corp-type-module": "^1.0.12"
       }
@@ -2058,11 +2058,11 @@
       }
     },
     "node_modules/@bcrs-shared-components/interfaces": {
-      "version": "1.0.60",
-      "resolved": "https://registry.npmjs.org/@bcrs-shared-components/interfaces/-/interfaces-1.0.60.tgz",
-      "integrity": "sha512-53XQ2g34q+MVMO64vtlwq/2z5W4x1VWnloU52vJK6vuvy6OTjRcEaAHDP0/VV518uHeOsaPMGUZbxl3yfBxzAw==",
+      "version": "1.0.63",
+      "resolved": "https://registry.npmjs.org/@bcrs-shared-components/interfaces/-/interfaces-1.0.63.tgz",
+      "integrity": "sha512-HXmf4wVbzAhVoznxpkp+V+4rMXCbI+btt4RmE523W8DZaZseFfvvsbg7z4qP1eRK7JIiQyQS6TcqnPpC51TxmQ==",
       "dependencies": {
-        "@bcrs-shared-components/enums": "^1.0.38",
+        "@bcrs-shared-components/enums": "^1.0.39",
         "vue": "^2.7.10"
       }
     },
@@ -22039,9 +22039,9 @@
       }
     },
     "@bcrs-shared-components/enums": {
-      "version": "1.0.38",
-      "resolved": "https://registry.npmjs.org/@bcrs-shared-components/enums/-/enums-1.0.38.tgz",
-      "integrity": "sha512-zv8pevmYgqB/dCgezMJuoxGsse6Crmgxkg0YdnPBCD1g93vq6X7rBDweZ4MLcSCFfq3yPTH0JPhixu89C+YBOw==",
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/@bcrs-shared-components/enums/-/enums-1.0.39.tgz",
+      "integrity": "sha512-+K2ijM+SlGpeALrqPPJ8xWj4hJnh2WI+gAhWjt8CDf11wHl0pVaXBDB6o9BeYbwahEBKpU2SvOrNYIQ2K20kng==",
       "requires": {
         "@bcrs-shared-components/corp-type-module": "^1.0.12"
       },
@@ -22134,11 +22134,11 @@
       }
     },
     "@bcrs-shared-components/interfaces": {
-      "version": "1.0.60",
-      "resolved": "https://registry.npmjs.org/@bcrs-shared-components/interfaces/-/interfaces-1.0.60.tgz",
-      "integrity": "sha512-53XQ2g34q+MVMO64vtlwq/2z5W4x1VWnloU52vJK6vuvy6OTjRcEaAHDP0/VV518uHeOsaPMGUZbxl3yfBxzAw==",
+      "version": "1.0.63",
+      "resolved": "https://registry.npmjs.org/@bcrs-shared-components/interfaces/-/interfaces-1.0.63.tgz",
+      "integrity": "sha512-HXmf4wVbzAhVoznxpkp+V+4rMXCbI+btt4RmE523W8DZaZseFfvvsbg7z4qP1eRK7JIiQyQS6TcqnPpC51TxmQ==",
       "requires": {
-        "@bcrs-shared-components/enums": "^1.0.38",
+        "@bcrs-shared-components/enums": "^1.0.39",
         "vue": "^2.7.10"
       }
     },
diff --git a/package.json b/package.json
index 4c59a9089..38fdd5079 100644
--- a/package.json
+++ b/package.json
@@ -26,11 +26,11 @@
     "@bcrs-shared-components/court-order-poa": "2.1.3",
     "@bcrs-shared-components/date-picker": "1.2.5",
     "@bcrs-shared-components/detail-comment": "1.1.1",
-    "@bcrs-shared-components/enums": "1.0.38",
+    "@bcrs-shared-components/enums": "1.0.39",
     "@bcrs-shared-components/fee-summary": "1.2.5",
     "@bcrs-shared-components/folio-number": "1.1.1",
     "@bcrs-shared-components/help-business-number": "1.1.1",
-    "@bcrs-shared-components/interfaces": "1.0.60",
+    "@bcrs-shared-components/interfaces": "1.0.63",
     "@bcrs-shared-components/limited-restoration-panel": "2.0.1",
     "@bcrs-shared-components/nature-of-business": "1.2.4",
     "@bcrs-shared-components/relationships-panel": "1.0.14",
diff --git a/src/components/SpecialResolution/CreateSpecialResolution.vue b/src/components/SpecialResolution/CreateSpecialResolution.vue
deleted file mode 100644
index af9ddc02a..000000000
--- a/src/components/SpecialResolution/CreateSpecialResolution.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-  <v-card
-    v-if="showCreateSpecialResolution"
-    id="create-special-resolution"
-    flat
-  >
-    <!-- Header -->
-    <article class="header-container section-container">
-      <v-icon color="appDkBlue">
-        mdi-handshake
-      </v-icon>
-      <label class="font-weight-bold pl-2">Special Resolution</label>
-    </article>
-
-    <v-card
-      flat
-      :class="{'invalid-section': invalidCreateSpecialResolutionSection}"
-    >
-      <InstructionalText />
-
-      <HelpSpecialResolution />
-
-      <section
-        id="resolution-date-section"
-        class="section-container mt-4"
-      >
-        <header id="resolution-date-header">
-          <h2>Special Resolution</h2>
-        </header>
-        <p class="section-description mt-2 info-text">
-          Enter the date the special resolution passed and the text as it appears on your printed form.
-        </p>
-        <v-form ref="resolutionForm">
-          <ResolutionEditor />
-          <SigningParty />
-        </v-form>
-      </section>
-    </v-card>
-  </v-card>
-</template>
-
-<script lang="ts">
-import Vue from 'vue'
-import { Component, Watch } from 'vue-property-decorator'
-import { Action, Getter } from 'pinia-class'
-import { ActionBindingIF } from '@/interfaces/'
-import HelpSpecialResolution from './HelpSpecialResolution.vue'
-import InstructionalText from './InstructionalText.vue'
-import { DatePicker as DatePickerShared } from '@bcrs-shared-components/date-picker/'
-import { SpecialResolutionIF } from '@bcrs-shared-components/interfaces/'
-import { useStore } from '@/store/store'
-import ResolutionEditor from './ResolutionEditor.vue'
-import SigningParty from './SigningParty.vue'
-
-@Component({
-  components: {
-    DatePickerShared,
-    HelpSpecialResolution,
-    InstructionalText,
-    ResolutionEditor,
-    SigningParty
-  }
-})
-export default class CreateSpecialResolution extends Vue {
-  @Getter(useStore) getComponentValidate!: boolean
-  @Getter(useStore) getSpecialResolution!: SpecialResolutionIF
-  @Getter(useStore) getSpecialResolutionFormValid!: boolean
-  @Getter(useStore) showCreateSpecialResolution!: boolean
-
-  @Action(useStore) setSpecialResolution!: ActionBindingIF
-
-  $refs!: {
-    resolutionForm: HTMLFormElement
-  }
-
-  /** Displays an invalid section to user if form is invalid. */
-  get invalidCreateSpecialResolutionSection (): boolean {
-    return !this.getSpecialResolutionFormValid
-  }
-
-  /** Set validate on file and pay click. */
-  @Watch('getComponentValidate')
-  private updateResolutionValidationDetail (): void {
-    this.$refs.resolutionForm.validate()
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import '@/assets/styles/theme.scss';
-
-.header-container {
-  display: flex;
-  background-color: $BCgovBlue5O;
-}
-
-:deep(label.v-label.theme--light) {
-  color: $gray7 !important;
-  font-weight: normal;
-}
-
-// show error color for label and placeholder
-:deep() {
-  .invalid-section label,
-  .invalid-section label.v-label.error--text {
-    color: $BCgovInputError !important;
-  }
-}
-</style>
diff --git a/src/components/SpecialResolution/HelpSpecialResolution.vue b/src/components/SpecialResolution/HelpResolution.vue
similarity index 93%
rename from src/components/SpecialResolution/HelpSpecialResolution.vue
rename to src/components/SpecialResolution/HelpResolution.vue
index 2b580c189..6722e54da 100644
--- a/src/components/SpecialResolution/HelpSpecialResolution.vue
+++ b/src/components/SpecialResolution/HelpResolution.vue
@@ -1,5 +1,9 @@
 <template>
-  <div id="help-special-resolution">
+  <div
+    v-if="isSpecialResolutionFiling"
+    id="help-resolution"
+    class="mb-4"
+  >
     <div class="ma-6">
       <div
         class="help-btn top"
@@ -123,8 +127,10 @@ import { ResourceIF, SpecialResolutionSampleFormIF } from '@/interfaces/'
 import { useStore } from '@/store/store'
 
 @Component({})
-export default class HelpSpecialResolution extends Vue {
+export default class HelpResolution extends Vue {
+  @Getter(useStore) isSpecialResolutionFiling!: boolean
   @Getter(useStore) getResource!: ResourceIF
+
   helpToggle = false
 
   get getSpecialResolutionResource (): SpecialResolutionSampleFormIF {
@@ -137,7 +143,9 @@ export default class HelpSpecialResolution extends Vue {
      * In session is stored the BASE_URL with business ID
      * So we are taking from process.env.BASE_URL
      */
-    return `${sessionStorage.getItem('BASE_URL')}${this.getSpecialResolutionResource?.path}`
+    const baseUrl = new URL(sessionStorage.getItem('BASE_URL'))
+    // Strip out the /CP10230123/ from the end of the url.
+    return `${baseUrl.origin}${this.getSpecialResolutionResource?.path}`
   }
 }
 </script>
diff --git a/src/components/SpecialResolution/InstructionalText.vue b/src/components/SpecialResolution/InstructionalText.vue
index 48694c368..f52505bcb 100644
--- a/src/components/SpecialResolution/InstructionalText.vue
+++ b/src/components/SpecialResolution/InstructionalText.vue
@@ -1,5 +1,8 @@
 <template>
-  <article class="instructional-text section-container">
+  <article
+    v-if="isSpecialResolutionFiling"
+    class="instructional-text section-container"
+  >
     You have made changes that require a
     <v-tooltip
       top
@@ -24,10 +27,14 @@
 
 <script lang="ts">
 import Vue from 'vue'
+import { Getter } from 'pinia-class'
 import { Component } from 'vue-property-decorator'
+import { useStore } from '@/store/store'
 
 @Component({})
-export default class InstructionalText extends Vue { }
+export default class InstructionalText extends Vue {
+  @Getter(useStore) isSpecialResolutionFiling: boolean
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/SpecialResolution/Memorandum.vue b/src/components/SpecialResolution/Memorandum.vue
index 074ba90a9..5bd071f60 100644
--- a/src/components/SpecialResolution/Memorandum.vue
+++ b/src/components/SpecialResolution/Memorandum.vue
@@ -158,7 +158,6 @@
                 <div
                   v-if="getSpecialResolutionMemorandum && getSpecialResolutionMemorandum.key"
                   :key="getSpecialResolutionMemorandum.key"
-                  class="mb-2"
                 >
                   <v-icon
                     color="primary"
@@ -243,7 +242,7 @@
                 <v-icon small>
                   mdi-pencil
                 </v-icon>
-                <span>Change</span>
+                <span>{{ getEditLabel }}</span>
               </v-btn>
             </div>
           </v-col>
@@ -272,12 +271,14 @@ import { LegalServices } from '@/services'
 export default class Memorandum extends Vue {
   @Getter(useStore) getComponentValidate!: boolean
   @Getter(useStore) getEditedLabel!: string
+  @Getter(useStore) getEditLabel!: string
   @Getter(useStore) getEntitySnapshot!: EntitySnapshotIF
   @Getter(useStore) getSpecialResolutionMemorandum!: RulesMemorandumIF
   @Getter(useStore) hasSpecialResolutionMemorandumChanged!: boolean
 
-  @Action(useStore) setSpecialResolutionMemorandum!: ActionBindingIF
+  @Action(useStore) setEditingMemorandum!: ActionBindingIF
   @Action(useStore) setSpecialResolutionMemorandumValid!: ActionBindingIF
+  @Action(useStore) setSpecialResolutionMemorandum!: ActionBindingIF
 
   $refs!: {
     memorandumForm: FormIF
@@ -367,6 +368,11 @@ export default class Memorandum extends Vue {
   onComponentValidate (): void {
     this.validate(true)
   }
+
+  @Watch('isEditing', { immediate: true })
+  async onIsEditingChanged (value: boolean): Promise<void> {
+    await this.setEditingMemorandum(value)
+  }
 }
 </script>
 
diff --git a/src/components/SpecialResolution/Resolution.vue b/src/components/SpecialResolution/Resolution.vue
new file mode 100644
index 000000000..063ed95f0
--- /dev/null
+++ b/src/components/SpecialResolution/Resolution.vue
@@ -0,0 +1,252 @@
+<template>
+  <v-card
+    v-if="showSpecialResolutionResolution"
+    id="resolution"
+    flat
+  >
+    <!-- Header -->
+    <article class="header-container section-container">
+      <v-icon color="appDkBlue">
+        mdi-handshake
+      </v-icon>
+      <label class="font-weight-bold pl-2">Special Resolution</label>
+    </article>
+
+    <v-card
+      flat
+      :class="{'invalid-section': invalidResolutionSection}"
+    >
+      <InstructionalText />
+
+      <HelpResolution />
+
+      <section
+        id="resolution-section"
+        class="section-container"
+      >
+        <div
+          id="resolution-header"
+        >
+          <v-row
+            no-gutters
+            class="mt-4"
+          >
+            <v-col>
+              <h2>Special Resolution</h2>
+              <v-chip
+                v-if="isCoopCorrectionFiling && hasChanged"
+                id="resolution-corrected-lbl"
+                x-small
+                label
+                color="primary"
+                text-color="white"
+              >
+                {{ getEditedLabel }}
+              </v-chip>
+            </v-col>
+            <v-col class="align-right mt-n2">
+              <div
+                class="actions mr-4"
+              >
+                <v-btn
+                  v-if="!isEditing && hasChanged && isCoopCorrectionFiling"
+                  id="btn-resolution-undo"
+                  text
+                  color="primary"
+                  class="undo-action"
+                  @click="undoSpecialResolutionStore()"
+                >
+                  <v-icon small>
+                    mdi-undo
+                  </v-icon>
+                  <span>Undo</span>
+                </v-btn>
+                <!-- Change behaviour for edit
+                  - Special Resolution: show edit button when not editing
+                  - Correction: show edit button when not editing and not changed
+                  -->
+                <v-btn
+                  v-if="(!hasChanged || isSpecialResolutionFiling) && !isEditing"
+                  id="btn-change-resolution"
+                  text
+                  color="primary"
+                  @click="isEditing = true"
+                >
+                  <v-icon small>
+                    mdi-pencil
+                  </v-icon>
+                  <span>{{ getEditLabel }}</span>
+                </v-btn>
+              </div>
+            </v-col>
+          </v-row>
+        </div>
+
+        <p
+          v-if="isEditing"
+          class="section-description mt-2 info-text"
+        >
+          Enter the date the special resolution passed and the text as it appears on your printed form.
+        </p>
+
+        <v-form ref="resolutionForm">
+          <ResolutionEditor
+            ref="resolutionEditor"
+            :isEditing="isEditing"
+          />
+          <SigningParty
+            ref="signingParty"
+            :isEditing="isEditing"
+          />
+          <div
+            v-if="isEditing"
+            id="resolution-confirmation-buttons"
+            no-gutters
+            class="justify-end pr-8 pb-8 mt-8 d-flex"
+          >
+            <v-btn
+              id="btn-resolution-done"
+              large
+              color="primary"
+              class="mr-2"
+              @click="updateSpecialResolutionStore()"
+            >
+              <span>Done</span>
+            </v-btn>
+            <v-btn
+              v-if="isCoopCorrectionFiling"
+              id="btn-resolution-cancel"
+              large
+              outlined
+              color="primary"
+              @click="undoSpecialResolutionStore()"
+            >
+              <span>Cancel</span>
+            </v-btn>
+          </div>
+        </v-form>
+      </section>
+    </v-card>
+  </v-card>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import { Component, Watch } from 'vue-property-decorator'
+import { Action, Getter } from 'pinia-class'
+import { ActionBindingIF } from '@/interfaces/'
+import HelpResolution from './HelpResolution.vue'
+import InstructionalText from './InstructionalText.vue'
+import { DatePicker as DatePickerShared } from '@bcrs-shared-components/date-picker/'
+import { FormIF, SpecialResolutionIF } from '@bcrs-shared-components/interfaces/'
+import { useStore } from '@/store/store'
+import ResolutionEditor from './ResolutionEditor.vue'
+import SigningParty from './SigningParty.vue'
+
+@Component({
+  components: {
+    DatePickerShared,
+    HelpResolution,
+    InstructionalText,
+    ResolutionEditor,
+    SigningParty
+  }
+})
+export default class Resolution extends Vue {
+  @Getter(useStore) getComponentValidate!: boolean
+  @Getter(useStore) getEditedLabel!: string
+  @Getter(useStore) getEditLabel!: string
+  @Getter(useStore) getSpecialResolution!: SpecialResolutionIF
+  @Getter(useStore) getSpecialResolutionFormValid!: boolean
+  @Getter(useStore) isCoopCorrectionFiling: boolean
+  @Getter(useStore) isSpecialResolutionFiling: boolean
+  @Getter(useStore) showSpecialResolutionResolution!: boolean
+
+  @Action(useStore) setEditingSpecialResolution!: ActionBindingIF
+  @Action(useStore) setSpecialResolution!: ActionBindingIF
+
+  $refs!: {
+    resolutionEditor: FormIF,
+    signingParty: FormIF,
+    resolutionForm: HTMLFormElement
+  }
+
+  isEditing = true
+  hasChanged = false
+
+  /** Displays an invalid section to user if form is invalid. */
+  get invalidResolutionSection (): boolean {
+    return !this.getSpecialResolutionFormValid && this.isEditing
+  }
+
+  /** For ok button, stores using setSpecialResolution. */
+  async updateSpecialResolutionStore (): Promise<void> {
+    await this.$refs.resolutionEditor.onValidate()
+    await this.$refs.signingParty.onValidate()
+    if (this.getSpecialResolutionFormValid) {
+      this.isEditing = false
+      this.hasChanged = true
+      await this.$refs.resolutionEditor.saveToStore()
+      await this.$refs.signingParty.saveToStore()
+    }
+  }
+
+  /** For cancel/undo button, stores using setSpecialResolution. */
+  async undoSpecialResolutionStore (): Promise<void> {
+    // Special Resolution has create functionality for the resolution, correction has edit functionality.
+    if (this.isSpecialResolutionFiling) {
+      this.isEditing = true
+    } else {
+      this.isEditing = false
+    }
+    this.hasChanged = false
+    await this.$refs.resolutionEditor.undoToStore()
+    await this.$refs.signingParty.undoToStore()
+  }
+
+  /** Set validate on file and pay click. */
+  @Watch('getComponentValidate')
+  updateResolutionValidationDetail (): void {
+    this.$refs.resolutionForm.validate()
+  }
+
+  /* Show editable / non editable fields for child components. */
+  @Watch('isCoopCorrectionFiling', { immediate: true })
+  updateEditMode (val): void {
+    this.isEditing = !val
+  }
+
+  /* Used for isCorrectionEditing */
+  @Watch('isEditing', { immediate: true })
+  async updateIsEditingSpecialResolution (val): Promise<void> {
+    await this.setEditingSpecialResolution(val)
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/styles/theme.scss';
+
+.header-container {
+  display: flex;
+  background-color: $BCgovBlue5O;
+}
+
+:deep(label.v-label.theme--light) {
+  color: $gray7 !important;
+  font-weight: normal;
+}
+
+// show error color for label and placeholder
+:deep() {
+  .invalid-section label,
+  .invalid-section label.v-label.error--text {
+    color: $BCgovInputError !important;
+  }
+}
+
+.actions .undo-action {
+  border-right: 0px;
+}
+
+</style>
diff --git a/src/components/SpecialResolution/ResolutionEditor.vue b/src/components/SpecialResolution/ResolutionEditor.vue
index 21aeecd6c..41fcffff4 100644
--- a/src/components/SpecialResolution/ResolutionEditor.vue
+++ b/src/components/SpecialResolution/ResolutionEditor.vue
@@ -6,7 +6,7 @@
     <v-card
       id="resolution-date-card"
       flat
-      class="py-8"
+      class="pt-8"
     >
       <!-- Resolution Date -->
       <v-row no-gutters>
@@ -24,6 +24,7 @@
           sm="9"
         >
           <DatePickerShared
+            v-show="isEditing"
             ref="resolutionDatePickerRef"
             title="Resolution Date"
             :nudgeRight="40"
@@ -35,11 +36,20 @@
             @emitDate="onResolutionDate($event)"
             @emitCancel="onResolutionDate($event)"
           />
+          <span
+            v-show="!isEditing"
+            class="info-text"
+          >
+            {{ resolutionDateLongPacificFormat }}
+          </span>
         </v-col>
       </v-row>
 
       <!-- Resolution Text -->
-      <v-row no-gutters>
+      <v-row
+        no-gutters
+        class="mt-8"
+      >
         <v-col
           cols="12"
           sm="3"
@@ -53,49 +63,56 @@
           cols="12"
           sm="9"
         >
-          <!-- For Vue 3, remove this WYSIWYG editor, consult with assets team -->
-          <tiptap-vuetify
-            id="resolutionTextEditor"
-            v-model="resolution"
-            auto-grow
-            :extensions="extensions"
-            :class="{ 'invalid': resolutionInvalid }"
-            placeholder="Full text of the resolution"
-            :card-props="{
-              flat: true,
-              style: 'background: rgba(0, 0, 0, 0.06)',
-            }"
-            :editor-properties="{ editorProps: editorProperties }"
-          />
-          <!-- Note: This component has no built in validation or rules. -->
-          <div
-            id="editorValidation"
-            :class="{'v-text-field__details': true, 'mt-2': true }"
-          >
+          <div v-if="isEditing">
+            <!-- For Vue 3, remove this WYSIWYG editor, consult with assets team -->
+            <tiptap-vuetify
+              id="resolution-text-editor"
+              v-model="resolution"
+              auto-grow
+              :extensions="extensions"
+              :class="{ 'invalid': resolutionInvalid }"
+              placeholder="Full text of the resolution"
+              :card-props="{
+                flat: true,
+                style: 'background: rgba(0, 0, 0, 0.06)',
+              }"
+              :editor-properties="{ editorProps: editorProperties }"
+            />
+            <!-- Note: This component has no built in validation or rules. -->
             <div
-              class="v-messages theme--light error--text"
-              role="alert"
+              id="editorValidation"
+              :class="{'v-text-field__details': true, 'mt-2': true }"
             >
-              <div class="v-messages__wrapper">
-                <v-slide-y-transition>
-                  <div
-                    v-if="resolutionInvalid"
-                    class="v-messages__message"
-                  >
-                    Resolution Text is required
-                  </div>
-                </v-slide-y-transition>
+              <div
+                class="v-messages theme--light error--text"
+                role="alert"
+              >
+                <div class="v-messages__wrapper">
+                  <v-slide-y-transition>
+                    <div
+                      v-if="resolutionInvalid"
+                      class="v-messages__message"
+                    >
+                      Resolution Text is required
+                    </div>
+                  </v-slide-y-transition>
+                </div>
               </div>
             </div>
+            <p class="summary-text info-text">
+              Note: If you are pasting text,
+              <strong>we recommend pasting plain text</strong>
+              to avoid formatting and font issues with PDF and printed
+              registrations. If you have pasted text other than plain text, verify
+              that your documents are correct. If they are not correct, they will
+              need to be amended.
+            </p>
           </div>
-          <p class="summary-text info-text">
-            Note: If you are pasting text,
-            <strong>we recommend pasting plain text</strong>
-            to avoid formatting and font issues with PDF and printed
-            registrations. If you have pasted text other than plain text, verify
-            that your documents are correct. If they are not correct, they will
-            need to be amended.
-          </p>
+          <div
+            v-else
+            v-sanitize="getSpecialResolution.resolution"
+            class="resizable info-text"
+          />
         </v-col>
       </v-row>
     </v-card>
@@ -104,7 +121,7 @@
 
 <script lang="ts">
 import Vue from 'vue'
-import { Component, Watch } from 'vue-property-decorator'
+import { Component, Prop, Watch } from 'vue-property-decorator'
 import { Action, Getter } from 'pinia-class'
 import {
   TiptapVuetify,
@@ -147,12 +164,16 @@ export default class ResolutionEditor extends Vue {
   @Action(useStore) setSpecialResolution!: ActionBindingIF
   @Action(useStore) setSpecialResolutionValid!: ActionBindingIF
 
+  @Prop({ default: false }) readonly isEditing!: boolean
+
   $refs!: {
     resolutionDatePickerRef: DatePickerShared,
   }
 
-  resolutionDateText = ''
   resolution = ''
+  resolutionDateText = ''
+  resolutionOriginal = '' // for undo for corrections.
+  resolutionDateTextOriginal = '' // for undo for corrections.
 
   extensions = [
     History,
@@ -236,28 +257,50 @@ export default class ResolutionEditor extends Vue {
     return this.resolution === '<p></p>' || (this.getComponentValidate && !this.resolution)
   }
 
+  get resolutionDateLongPacificFormat (): string {
+    return DateUtilities.yyyyMmDdToPacificDate(this.resolutionDateText, true, false)
+  }
+
   /** Called to update resolution date. */
   async onResolutionDate (val: string): Promise<void> {
     if (this.resolutionDateText === val) {
       return
     }
     this.resolutionDateText = val
-    this.setSpecialResolution({
-      ...this.getSpecialResolution,
-      resolutionDate: val
-    })
     if (this.getComponentValidate) {
       await this.onValidate()
     }
   }
 
-  /** This is a watch, because the component only provides keydown. */
-  @Watch('resolution')
-  async onResolutionChange (val: string) {
-    this.setSpecialResolution({
+  /* Save event called from parent via ref. */
+  async saveToStore (): Promise<void> {
+    await this.setSpecialResolution({
       ...this.getSpecialResolution,
-      resolution: val
+      resolutionDate: this.resolutionDateText,
+      resolution: this.resolution
     })
+  }
+
+  /* Undo event called from parent via ref. */
+  async undoToStore (): Promise<void> {
+    this.resolution = this.resolutionOriginal
+    this.resolutionDateText = this.resolutionDateTextOriginal
+    await this.setSpecialResolution({
+      ...this.getSpecialResolution,
+      resolutionDate: this.resolutionDateText,
+      resolution: this.resolution
+    })
+  }
+
+  @Watch('isEditing')
+  onIsEditingChange (val: boolean): void {
+    if (!val) return
+    this.resolutionOriginal = this.resolution
+    this.resolutionDateTextOriginal = this.resolutionDateText
+  }
+
+  @Watch('resolution')
+  async onResolutionChange () : Promise<void> {
     if (this.getComponentValidate) {
       await this.onValidate()
     }
@@ -270,14 +313,20 @@ export default class ResolutionEditor extends Vue {
   created () {
     this.resolution = this.getSpecialResolution.resolution || ''
     this.resolutionDateText = this.getSpecialResolution.resolutionDate || ''
+    this.resolutionOriginal = this.resolution
+    this.resolutionDateTextOriginal = this.resolutionDateText
   }
 
   /** Used to trigger validate from outside of component. */
   @Watch('getComponentValidate')
   async onValidate (): Promise<void> {
+    if (!this.isEditing) {
+      this.setSpecialResolutionValid(true)
+      return
+    }
     const hasData = !!this.resolutionDateText && !!this.resolution && this.resolution !== '<p></p>'
-    this.$refs?.resolutionDatePickerRef?.validateForm()
-    const isResolutionDateValid = this.$refs?.resolutionDatePickerRef?.isDateValid()
+    this.$refs.resolutionDatePickerRef.validateForm()
+    const isResolutionDateValid = this.$refs.resolutionDatePickerRef.isDateValid()
     this.setSpecialResolutionValid(hasData && isResolutionDateValid)
   }
 }
@@ -303,7 +352,7 @@ export default class ResolutionEditor extends Vue {
   }
 }
 
-div#resolutionTextEditor {
+div#resolution-text-editor {
   border-bottom: 1px solid;
   &:deep(.is-editor-empty:first-child:before) {
       font-style: normal;
@@ -315,4 +364,16 @@ div#resolutionTextEditor {
     }
   }
 }
+
+.resizable {
+  padding: 30px;
+  border: 1px solid $gray1;
+  overflow-y: auto;
+  resize: vertical;
+  min-width: 100%;
+  max-width: 400px;
+  min-height: 90px;
+  height: 425px;
+  max-height: 800px;
+}
 </style>
diff --git a/src/components/SpecialResolution/CreateSpecialResolutionSummary.vue b/src/components/SpecialResolution/ResolutionSummary.vue
similarity index 97%
rename from src/components/SpecialResolution/CreateSpecialResolutionSummary.vue
rename to src/components/SpecialResolution/ResolutionSummary.vue
index dadb906e7..cccf0dcff 100644
--- a/src/components/SpecialResolution/CreateSpecialResolutionSummary.vue
+++ b/src/components/SpecialResolution/ResolutionSummary.vue
@@ -1,8 +1,8 @@
 <template>
-  <div id="create-special-resolution-summary">
+  <div id="resolution-summary">
     <v-divider class="mx-4" />
     <section
-      id="resolution-date-section"
+      id="resolution-date-section-summary"
       class="section-container"
     >
       <header
@@ -162,7 +162,7 @@ import { useStore } from '@/store/store'
     DatePickerShared
   }
 })
-export default class CreateSpecialResolutionSummary extends Mixins(CommonMixin, DateMixin) {
+export default class ResolutionSummary extends Mixins(CommonMixin, DateMixin) {
   @Getter(useStore) getSpecialResolution!: SpecialResolutionIF
   @Getter(useStore) getAppValidate!: boolean
   @Getter(useStore) getSpecialResolutionConfirmValid!: boolean
diff --git a/src/components/SpecialResolution/Rules.vue b/src/components/SpecialResolution/Rules.vue
index 391e03507..f4b92fe5e 100644
--- a/src/components/SpecialResolution/Rules.vue
+++ b/src/components/SpecialResolution/Rules.vue
@@ -130,7 +130,7 @@
                   </section>
                   <v-divider class="mx-4" />
                   <section
-                    class="px-4 py-9 section-container"
+                    class="pa-4 section-container"
                   >
                     <v-btn
                       id="btn-upload-rules"
@@ -298,7 +298,7 @@
                   <v-icon small>
                     mdi-pencil
                   </v-icon>
-                  <span>Change</span>
+                  <span>{{ getEditLabel }}</span>
                 </v-btn>
               </div>
             </v-col>
@@ -354,12 +354,13 @@ export default class Rules extends Vue {
     @Getter(useStore) getEntitySnapshot!: EntitySnapshotIF
     @Getter(useStore) getUserFirstName!: string
     @Getter(useStore) getUserLastName!: string
-    @Getter(useStore) getEditLabel!: string
     @Getter(useStore) getEditedLabel!: string
+    @Getter(useStore) getEditLabel!: string
     @Getter(useStore) getSpecialResolutionRulesValid!: boolean
     @Getter(useStore) getNameRequestLegalName!: string
     @Getter(useStore) hasSpecialResolutionRulesChanged!: boolean
 
+    @Action(useStore) setEditingRules!: ActionBindingIF
     @Action(useStore) setSpecialResolutionRules!: ActionBindingIF
     @Action(useStore) setSpecialResolutionRulesValid!: ActionBindingIF
 
@@ -488,6 +489,12 @@ export default class Rules extends Vue {
     onComponentValidate (): void {
       this.validate(true)
     }
+
+    /* Used for isCorrectionEditing */
+    @Watch('isEditing', { immediate: true })
+    async onIsEditingChanged (value: boolean): Promise<void> {
+      await this.setEditingRules(value)
+    }
 }
 </script>
 
diff --git a/src/components/SpecialResolution/SigningParty.vue b/src/components/SpecialResolution/SigningParty.vue
index 3f118e0a5..d19950da6 100644
--- a/src/components/SpecialResolution/SigningParty.vue
+++ b/src/components/SpecialResolution/SigningParty.vue
@@ -1,14 +1,16 @@
 
 <template>
   <div id="special-resolution-signing-party">
-    <!-- Resolution Signature, can make this more generic later. -->
-    <header id="resolution-signature-info-header">
-      <h2>Resolution Signature</h2>
-    </header>
-
-    <p class="section-description mt-2">
-      Enter the full name of the person who signed the special resolution and the date they signed it.
-    </p>
+    <div v-if="isSpecialResolutionFiling && isEditing">
+      <!-- Resolution Signature -->
+      <header id="resolution-signature-info-header">
+        <h2>Resolution Signature</h2>
+      </header>
+
+      <p class="section-description mt-2">
+        Enter the full name of the person who signed the special resolution and the date they signed it.
+      </p>
+    </div>
     <v-card
       id="resolution-signature-card"
       flat
@@ -28,7 +30,10 @@
           sm="9"
           class="pt-4 pt-sm-0"
         >
-          <div class="form__row three-column">
+          <div
+            v-if="isEditing"
+            class="form__row three-column"
+          >
             <v-text-field
               id="person__first-name"
               v-model="signatory.givenName"
@@ -54,10 +59,19 @@
               :rules="lastNameRules"
             />
           </div>
+          <span
+            v-else
+            class="info-text"
+          >
+            {{ signatory.givenName }} {{ signatory.additionalName }} {{ signatory.familyName }}
+          </span>
         </v-col>
       </v-row>
       <!-- Date Signed -->
-      <v-row no-gutters>
+      <v-row
+        no-gutters
+        class="mt-8"
+      >
         <v-col
           cols="12"
           sm="3"
@@ -71,6 +85,7 @@
           class="pt-4 pt-sm-0"
         >
           <DatePickerShared
+            v-show="isEditing"
             ref="signatureDatePickerRef"
             title="Date Signed"
             :nudgeRight="40"
@@ -82,6 +97,12 @@
             @emitDate="onSigningDate($event)"
             @emitCancel="onSigningDate($event)"
           />
+          <span
+            v-show="!isEditing"
+            class="info-text"
+          >
+            {{ signingDateLongPacificFormat }}
+          </span>
         </v-col>
       </v-row>
     </v-card>
@@ -96,7 +117,7 @@ import { useStore } from '@/store/store'
 import { DatePicker as DatePickerShared } from '@bcrs-shared-components/date-picker/'
 import { SpecialResolutionIF, PersonIF } from '@bcrs-shared-components/interfaces/'
 import { VuetifyRuleFunction } from '@/types'
-import { Component, Watch } from 'vue-property-decorator'
+import { Component, Prop, Watch } from 'vue-property-decorator'
 import DateUtilities from '@/services/date-utilities'
 
 @Component({
@@ -108,11 +129,13 @@ export default class SigningParty extends Vue {
   @Getter(useStore) getComponentValidate!: boolean
   @Getter(useStore) getCurrentDate!: string
   @Getter(useStore) getSpecialResolution!: SpecialResolutionIF
+  @Getter(useStore) isSpecialResolutionFiling: boolean
 
   @Action(useStore) setSpecialResolution!: ActionBindingIF
   @Action(useStore) setSpecialResolutionSignatureValid!: ActionBindingIF
 
-  // Refs
+  @Prop({ default: false }) readonly isEditing!: boolean
+
   $refs!: {
     signatureDatePickerRef: DatePickerShared,
   }
@@ -123,6 +146,8 @@ export default class SigningParty extends Vue {
     familyName: '',
     additionalName: ''
   }
+  signingDateOriginal = '' // Used for undo for corrections.
+  signatoryOriginal: PersonIF = null// Used for undo for corrections.
 
   /** Validation rule for individual name fields */
   readonly firstNameRules = this.signatureNameRules('First Name')
@@ -170,6 +195,10 @@ export default class SigningParty extends Vue {
     return this.getCurrentDate
   }
 
+  get signingDateLongPacificFormat (): string {
+    return DateUtilities.yyyyMmDdToPacificDate(this.signingDate, true, false)
+  }
+
   /** Validation rule for name. */
   signatureNameRules (label, isRequired = true): Array<VuetifyRuleFunction> {
     return [
@@ -181,10 +210,6 @@ export default class SigningParty extends Vue {
   /** called to add new signature date  */
   async onSigningDate (val: string): Promise<void> {
     this.signingDate = val
-    await this.setSpecialResolution({
-      ...this.getSpecialResolution,
-      signingDate: val
-    })
     if (this.getComponentValidate) {
       await this.onValidate()
     }
@@ -193,15 +218,31 @@ export default class SigningParty extends Vue {
   /** called to store signing party. */
   @Watch('signatory', { deep: true })
   async onSignatoryChanged (): Promise<void> {
-    await this.setSpecialResolution({
-      ...this.getSpecialResolution,
-      signatory: this.signatory
-    })
     if (this.getComponentValidate) {
       await this.onValidate()
     }
   }
 
+  /* Save event called from parent via ref. */
+  async saveToStore (): Promise<void> {
+    await this.setSpecialResolution({
+      ...this.getSpecialResolution,
+      signatory: this.signatory,
+      signingDate: this.signingDate
+    })
+  }
+
+  /* Undo event called from parent via ref. */
+  async undoToStore (): Promise<void> {
+    this.signatory = { ...this.signatoryOriginal }
+    this.signingDate = this.signingDateOriginal
+    await this.setSpecialResolution({
+      ...this.getSpecialResolution,
+      signatory: this.signatory,
+      signingDate: this.signingDate
+    })
+  }
+
   /**
   * Called when component is created.
   * While coming back from summary page, this form need to show existing values.
@@ -214,15 +255,31 @@ export default class SigningParty extends Vue {
         familyName: '',
         additionalName: ''
       }
+    this.signatoryOriginal = { ...this.signatory }
     this.signingDate = this.getSpecialResolution.signingDate || ''
+    this.signingDateOriginal = this.signingDate
+  }
+
+  /**
+  * Sets the undo states when editing is enabled.
+  */
+  @Watch('isEditing')
+  onIsEditingChange (val: boolean): void {
+    if (!val) return
+    this.signatoryOriginal = { ...this.signatory }
+    this.signingDateOriginal = this.signingDate
   }
 
   /** Used to trigger validate from outside of component. */
   @Watch('getComponentValidate')
   async onValidate (): Promise<void> {
+    if (!this.isEditing) {
+      await this.setSpecialResolutionSignatureValid(true)
+      return
+    }
     const hasSigningData = !!this.signingDate && !!this.signatory.givenName && !!this.signatory.familyName
-    this.$refs?.signatureDatePickerRef?.validateForm()
-    const isSignatureDateValid = this.$refs?.signatureDatePickerRef?.isDateValid()
+    this.$refs.signatureDatePickerRef.validateForm()
+    const isSignatureDateValid = this.$refs.signatureDatePickerRef.isDateValid()
     await this.setSpecialResolutionSignatureValid(hasSigningData && isSignatureDateValid)
   }
 }
diff --git a/src/components/SpecialResolution/SpecialResolutionSummary.vue b/src/components/SpecialResolution/SpecialResolutionSummary.vue
index 55d91673a..279f4a209 100644
--- a/src/components/SpecialResolution/SpecialResolutionSummary.vue
+++ b/src/components/SpecialResolution/SpecialResolutionSummary.vue
@@ -119,7 +119,7 @@
       </div>
     </template>
 
-    <CreateSpecialResolutionSummary />
+    <ResolutionSummary />
   </v-card>
 </template>
 
@@ -128,13 +128,13 @@ import { Component, Mixins, Prop } from 'vue-property-decorator'
 import { Getter } from 'pinia-class'
 import { FeesIF } from '@/interfaces/'
 import { DateMixin, FeeMixin, FilingTemplateMixin } from '@/mixins/'
-import CreateSpecialResolutionSummary from '@/components/SpecialResolution/CreateSpecialResolutionSummary.vue'
+import ResolutionSummary from '@/components/SpecialResolution/ResolutionSummary.vue'
 import { CoopTypeToDescription } from '@/utils'
 import { useStore } from '@/store/store'
 
 @Component({
   components: {
-    CreateSpecialResolutionSummary
+    ResolutionSummary
   }
 })
 export default class SpecialResolutionSummary extends Mixins(DateMixin, FeeMixin, FilingTemplateMixin) {
diff --git a/src/components/SpecialResolution/index.ts b/src/components/SpecialResolution/index.ts
index 9afd91b44..e9d1e39b5 100644
--- a/src/components/SpecialResolution/index.ts
+++ b/src/components/SpecialResolution/index.ts
@@ -1,7 +1,7 @@
 export { default as SpecialResolutionSummary } from './SpecialResolutionSummary.vue'
-export { default as CreateSpecialResolution } from './CreateSpecialResolution.vue'
-export { default as CreateSpecialResolutionSummary } from './CreateSpecialResolutionSummary.vue'
-export { default as HelpSpecialResolution } from './HelpSpecialResolution.vue'
+export { default as Resolution } from './Resolution.vue'
+export { default as ResolutionSummary } from './ResolutionSummary.vue'
+export { default as HelpResolution } from './HelpResolution.vue'
 export { default as InstructionalText } from './InstructionalText.vue'
 export { default as ResolutionEditor } from './ResolutionEditor.vue'
 export { default as SigningParty } from './SigningParty.vue'
diff --git a/src/components/common/Detail.vue b/src/components/common/Detail.vue
index 42c1759a6..326d5ae87 100644
--- a/src/components/common/Detail.vue
+++ b/src/components/common/Detail.vue
@@ -16,7 +16,7 @@
         <v-row no-gutters>
           <v-col
             cols="3"
-            sm="2"
+            sm="3"
           >
             <label><strong>Detail</strong></label>
           </v-col>
@@ -31,7 +31,7 @@
                 placeholder="Add a Detail that will appear on the ledger for this entity."
                 :textAreaStyle="'filled'"
                 :maxLength="maxLength"
-                :rowCount="2"
+                :rowCount="rowCount"
                 @valid="setDetailValidity($event)"
               />
             </div>
@@ -63,6 +63,8 @@ export default class Detail extends Mixins(FilingTemplateMixin) {
   /** Whether to perform validation. */
   @Prop({ default: false }) readonly validate!: boolean
 
+  @Prop({ default: 2 }) readonly rowCount!: number
+
   @Action(useStore) setDetailValidity!: ActionBindingIF
 
   protected comment = null as string
diff --git a/src/components/common/YourCompany/AssociationType.vue b/src/components/common/YourCompany/AssociationType.vue
index 9ae50cd8e..7df29973a 100644
--- a/src/components/common/YourCompany/AssociationType.vue
+++ b/src/components/common/YourCompany/AssociationType.vue
@@ -63,6 +63,7 @@
           >
             <template #activator="{ on }">
               <v-btn
+                id="btn-edit-association-type"
                 text
                 color="primary"
                 class="edit-button"
@@ -114,7 +115,7 @@
                       small
                       color="primary"
                     >mdi-pencil</v-icon>
-                    <span class="drop-down-action ml-1">Change</span>
+                    <span class="drop-down-action ml-1">{{ getEditLabel }}</span>
                   </v-list-item-subtitle>
                 </v-list-item>
               </v-list>
@@ -184,6 +185,7 @@ export default class AssociationType extends Mixins(CommonMixin) {
 
   /** Global actions */
   @Action(useStore) setBusinessInformation!: ActionBindingIF
+  @Action(useStore) setEditingAssociationType!: ActionBindingIF
   @Action(useStore) setValidComponent!: ActionBindingIF
 
   /** Select options */
@@ -202,9 +204,9 @@ export default class AssociationType extends Mixins(CommonMixin) {
     }
   ]
 
-  protected selectedAssociationType = null as CoopTypes
-  protected isEditingAssociationType = false
-  protected dropdown = false // v-model for dropdown menu
+  selectedAssociationType = null as CoopTypes
+  isEditingAssociationType = false
+  dropdown = false // v-model for dropdown menu
 
   /** Validation rules. */
   readonly AssociationTypeRules: Array<VuetifyRuleFunction> = [
@@ -227,27 +229,29 @@ export default class AssociationType extends Mixins(CommonMixin) {
 
   /** Define the association type locally once the value has been populated in the store */
   @Watch('getAssociationType')
-  private initializeAssociationType () {
+  initializeAssociationType () {
     this.selectedAssociationType = this.getAssociationType
   }
 
   /** Reset association type value to original */
-  protected resetAssociationType () {
+  resetAssociationType () {
     this.setBusinessInformation(this.getEntitySnapshot.businessInfo)
     this.isEditingAssociationType = false
   }
 
   /** Submit association type value */
-  protected submitAssociationTypeChange () {
+  submitAssociationTypeChange () {
     this.setBusinessInformation({ ...this.getBusinessInformation, associationType: this.selectedAssociationType })
     this.isEditingAssociationType = false
   }
 
   /** Updates store initially and when isEditingAssociationType property has changed. */
   @Watch('isEditingAssociationType', { immediate: true })
-  private onEditingAssociationTypeChanged (): void {
+  onEditingAssociationTypeChanged (): void {
     const isValid = !this.isEditingAssociationType
     this.setValidComponent({ key: 'isValidAssociationType', value: isValid })
+    /* Used for isCorrectionEditing */
+    this.setEditingAssociationType(this.isEditingAssociationType)
   }
 }
 </script>
diff --git a/src/interfaces/alteration-interfaces/alteration-interface.ts b/src/interfaces/alteration-interfaces/alteration-interface.ts
index cdb3acc8b..9616b3e9f 100644
--- a/src/interfaces/alteration-interfaces/alteration-interface.ts
+++ b/src/interfaces/alteration-interfaces/alteration-interface.ts
@@ -7,7 +7,19 @@ import { CorpTypeCd } from '@bcrs-shared-components/enums'
 //
 // Ref: https://github.com/bcgov/business-schemas/blob/main/src/registry_schemas/schemas/alteration.json
 //
-export interface AlterationIF {
+
+export interface CoopAlterationIF {
+  cooperativeAssociationType?: CoopTypes
+  memorandumInResolution?: boolean
+  memorandumFileKey?: string
+  memorandumFileName?: string
+  rulesFileKey?: string
+  rulesFileName?: string
+  rulesInResolution?: boolean
+  rulesUploadedOn?: string
+}
+
+export interface AlterationIF extends CoopAlterationIF {
   provisionsRemoved?: boolean
   business: {
     identifier: string
@@ -20,12 +32,4 @@ export interface AlterationIF {
   shareStructure?: ShareStructureIF
   contactPoint: ContactPointIF
   courtOrder?: CourtOrderIF
-  cooperativeAssociationType?: CoopTypes
-  rulesInResolution?: boolean
-  rulesFileKey?: string
-  rulesFileName?: string
-  rulesUploadedOn?: string
-  memorandumInResolution?: boolean
-  memorandumFileKey?: string
-  memorandumFileName?: string
 }
diff --git a/src/interfaces/alteration-interfaces/business-snapshot-interface.ts b/src/interfaces/alteration-interfaces/business-snapshot-interface.ts
index 5e8602e49..283010ad2 100644
--- a/src/interfaces/alteration-interfaces/business-snapshot-interface.ts
+++ b/src/interfaces/alteration-interfaces/business-snapshot-interface.ts
@@ -11,6 +11,8 @@ export interface EntitySnapshotIF {
   // Properties exclusive to Companies
   nameTranslations?: NameTranslationIF[]
   shareStructure?: ShareStructureIF
-  resolutions?: ResolutionsIF[]
   businessDocuments?: BusinessDocumentsIF
+
+  // Properties exclusive to CO-OPS
+  resolutions?: ResolutionsIF[]
 }
diff --git a/src/interfaces/alteration-interfaces/resolutions-interface.ts b/src/interfaces/alteration-interfaces/resolutions-interface.ts
index 980b479d6..911908607 100644
--- a/src/interfaces/alteration-interfaces/resolutions-interface.ts
+++ b/src/interfaces/alteration-interfaces/resolutions-interface.ts
@@ -1,6 +1,12 @@
-/** Resolutions object. */
+import { PersonIF } from '@bcrs-shared-components/interfaces'
+
+/**
+ * Directly from LegalServices.fetchResolutions
+ */
 export interface ResolutionsIF {
   date: string
   id: number
   type: string
+  signatory?: PersonIF
+  signingDate?: string
 }
diff --git a/src/interfaces/store-interfaces/state-interfaces/correction-information-interface.ts b/src/interfaces/store-interfaces/state-interfaces/correction-information-interface.ts
index ac30a1166..86353c23c 100644
--- a/src/interfaces/store-interfaces/state-interfaces/correction-information-interface.ts
+++ b/src/interfaces/store-interfaces/state-interfaces/correction-information-interface.ts
@@ -1,7 +1,8 @@
-import { AddressesIF, NameTranslationIF, OrgPersonIF, ShareClassIF } from '@/interfaces/'
+import { AddressesIF, CoopAlterationIF, CourtOrderIF, NameTranslationIF, OrgPersonIF,
+  ShareClassIF } from '@/interfaces/'
 import { CorrectionErrorTypes, FilingTypes } from '@/enums/'
 import { CorpTypeCd } from '@bcrs-shared-components/corp-type-module/'
-import { ContactPointIF, NaicsIF } from '@bcrs-shared-components/interfaces/'
+import { ContactPointIF, NaicsIF, SpecialResolutionIF } from '@bcrs-shared-components/interfaces/'
 
 //
 // Ref: https://github.com/bcgov/business-schemas/blob/main/src/registry_schemas/schemas/correction.json
@@ -11,22 +12,19 @@ import { ContactPointIF, NaicsIF } from '@bcrs-shared-components/interfaces/'
  * Interface for correction information object in store
  * and sent to/from the API.
  */
-export interface CorrectionInformationIF {
+export interface CorrectionInformationIF extends CoopAlterationIF, SpecialResolutionIF {
   comment: string // max 4096 characters
   correctedFilingId: number
   correctedFilingDate?: string // API format
   correctedFilingType: FilingTypes
   type: CorrectionErrorTypes
   legalType?: CorpTypeCd
-
-  //
-  // optional objects with new correction data:
-  //
-  business?: {
+  business?: { // optional objects with new correction data
     identifier: string
     naics?: NaicsIF
   }
   contactPoint?: ContactPointIF
+  courtOrder?: CourtOrderIF // Required for Special Resolution Corrections.
   nameRequest?: {
     legalType: CorpTypeCd
     nrNumber?: string // only set when there is an NR
diff --git a/src/interfaces/store-interfaces/state-model-interface.ts b/src/interfaces/store-interfaces/state-model-interface.ts
index c65fdabcf..362aaaf11 100644
--- a/src/interfaces/store-interfaces/state-model-interface.ts
+++ b/src/interfaces/store-interfaces/state-model-interface.ts
@@ -33,12 +33,14 @@ export interface StateModelIF {
   memorandum: RulesMemorandumIF
   editingFlags: {
     companyName: boolean
+    associationType: boolean
     nameTranslations: boolean
     officeAddresses: boolean
     peopleAndRoles: boolean
     shareStructure: boolean
     rules: boolean
     memorandum: boolean
+    specialResolution: boolean
   }
   validationFlags: ValidationFlagsIF
   summaryMode: boolean,
diff --git a/src/mixins/filing-template-mixin.ts b/src/mixins/filing-template-mixin.ts
index b75dc1d9d..2fd1431f2 100644
--- a/src/mixins/filing-template-mixin.ts
+++ b/src/mixins/filing-template-mixin.ts
@@ -2,8 +2,8 @@ import { Component } from 'vue-property-decorator'
 import { Action, Getter } from 'pinia-class'
 import { cloneDeep } from 'lodash'
 import { DateMixin } from '@/mixins/'
-import { ActionBindingIF, AddressesIF, AlterationFilingIF, CertifyIF, CorrectionFilingIF,
-  EffectiveDateTimeIF, EntitySnapshotIF, ChgRegistrationFilingIF, ConversionFilingIF,
+import { ActionBindingIF, AddressesIF, AlterationFilingIF, CertifyIF, CoopAlterationIF, CorrectionInformationIF,
+  CorrectionFilingIF, EffectiveDateTimeIF, EntitySnapshotIF, ChgRegistrationFilingIF, ConversionFilingIF,
   NameRequestIF, NameTranslationIF, OrgPersonIF, RestorationFilingIF, RestorationStateIF,
   SpecialResolutionFilingIF, StateFilingRestorationIF, RulesMemorandumIF } from '@/interfaces/'
 import { CompletingPartyIF, ContactPointIF, NaicsIF, ShareClassIF, SpecialResolutionIF,
@@ -75,6 +75,8 @@ export default class FilingTemplateMixin extends DateMixin {
   @Getter(useStore) hasSpecialResolutionRulesChanged!: boolean
   @Getter(useStore) getSpecialResolutionMemorandum!: RulesMemorandumIF
   @Getter(useStore) getSpecialResolutionRules!: RulesMemorandumIF
+  @Getter(useStore) isCoopCorrectionFiling!: boolean
+  @Getter(useStore) getLatestResolutionForBusiness!: SpecialResolutionIF
 
   // Global actions
   @Action(useStore) setBusinessContact!: ActionBindingIF
@@ -196,6 +198,56 @@ export default class FilingTemplateMixin extends DateMixin {
       }
     }
 
+    if (this.isCoopCorrectionFiling) {
+      // Parties and offices aren't required for Coop corrections.
+      delete filing.correction.parties
+      delete filing.correction.offices
+      filing.correction = {
+        ...filing.correction,
+        resolution: this.getSpecialResolution.resolution,
+        resolutionDate: this.getSpecialResolution.resolutionDate,
+        signingDate: this.getSpecialResolution.signingDate,
+        signatory: this.getSpecialResolution.signatory
+      }
+
+      // Apply Court Order ONLY when it is required and applied
+      if (this.getHasPlanOfArrangement || this.getFileNumber) {
+        filing.correction.courtOrder = {
+          fileNumber: this.getFileNumber,
+          effectOfOrder: this.getHasPlanOfArrangement ? EffectOfOrders.PLAN_OF_ARRANGEMENT : null,
+          hasPlanOfArrangement: this.getHasPlanOfArrangement
+        }
+      }
+
+      if (
+        this.hasAssociationTypeChanged ||
+        this.hasSpecialResolutionMemorandumChanged ||
+        this.hasSpecialResolutionRulesChanged
+      ) {
+        filing.correction = {
+          ...filing.correction,
+          cooperativeAssociationType: this.getAssociationType,
+          rulesFileKey: this.getSpecialResolutionRules?.key,
+          rulesFileName: this.getSpecialResolutionRules?.name,
+          rulesUploadedOn: this.getSpecialResolutionRules?.uploaded,
+          memorandumFileKey: this.getSpecialResolutionMemorandum?.key,
+          memorandumFileName: this.getSpecialResolutionMemorandum?.name
+        }
+        // Ensures a key isn't passed when including the rules or memorandum in the resolution.
+        if (this.getSpecialResolutionRules?.includedInResolution) {
+          delete filing.correction.rulesFileKey
+          delete filing.correction.rulesFileName
+          delete filing.correction.rulesUploadedOn
+          filing.correction.rulesInResolution = true
+        }
+        if (this.getSpecialResolutionMemorandum?.includedInResolution) {
+          delete filing.correction.memorandumFileKey
+          delete filing.correction.memorandumFileName
+          filing.correction.memorandumInResolution = true
+        }
+      }
+    }
+
     // build Staff Payment into the filing
     // may override folio number
     filing = this.buildStaffPayment(filing)
@@ -671,6 +723,15 @@ export default class FilingTemplateMixin extends DateMixin {
       })
     }
 
+    if (this.isCoopCorrectionFiling) {
+      this.setBusinessInformation({
+        ...entitySnapshot.businessInfo,
+        ...filing.business,
+        ...filing.correction.business,
+        associationType: filing.correction.cooperativeAssociationType || entitySnapshot.businessInfo.associationType
+      })
+    }
+
     // store Business Information for firm corrections
     if (this.isFirmCorrectionFiling) {
       this.setBusinessInformation({
@@ -703,6 +764,12 @@ export default class FilingTemplateMixin extends DateMixin {
       }
     ))
 
+    if (this.isCoopCorrectionFiling) {
+      this.storeSpecialResolutionRulesAndMemorandum(filing.correction, entitySnapshot)
+      const specialResolution = this.getLatestResolutionForBusiness
+      this.setSpecialResolution(cloneDeep(specialResolution))
+    }
+
     // store Name Translations (BEN/BC/CCC?ULC corrections only)
     if (this.isBenBcCccUlcCorrectionFiling) {
       this.setNameTranslations(cloneDeep(
@@ -721,12 +788,14 @@ export default class FilingTemplateMixin extends DateMixin {
     // store current Business Contact
     this.setBusinessContact({ ...entitySnapshot.authInfo.contact })
 
-    // store People And Roles
-    let orgPersons = filing.correction.parties || entitySnapshot.orgPersons
-    // exclude Completing Party
-    // (it is managed separately and added to the filing in buildCorrectionFiling())
-    orgPersons = orgPersons.filter(op => !(op?.roles.some(role => role.roleType === RoleTypes.COMPLETING_PARTY)))
-    this.setPeopleAndRoles(cloneDeep(orgPersons))
+    if (!this.isCoopCorrectionFiling) {
+      // store People And Roles
+      let orgPersons = filing.correction.parties || entitySnapshot.orgPersons
+      // exclude Completing Party
+      // (it is managed separately and added to the filing in buildCorrectionFiling())
+      orgPersons = orgPersons.filter(op => !(op?.roles.some(role => role.roleType === RoleTypes.COMPLETING_PARTY)))
+      this.setPeopleAndRoles(cloneDeep(orgPersons))
+    }
 
     // store Share Classes and Resolution Dates (BEN/BC/CCC/ULC corrections only)
     if (this.isBenBcCccUlcCorrectionFiling) {
@@ -762,6 +831,10 @@ export default class FilingTemplateMixin extends DateMixin {
     this.setEffectiveDateTimeString(effectiveDate)
     this.setIsFutureEffective(filing.header.isFutureEffective)
 
+    if (this.isCoopCorrectionFiling) {
+      this.setFileNumber(filing.correction.courtOrder?.fileNumber)
+      this.setHasPlanOfArrangement(filing.correction.courtOrder?.hasPlanOfArrangement)
+    }
     // store Staff Payment
     this.storeStaffPayment(filing)
   }
@@ -985,66 +1058,7 @@ export default class FilingTemplateMixin extends DateMixin {
       }
     ))
 
-    // Documents Info can possibly be undefined, if the co-op was created via paper.
-    const documentsInfo = entitySnapshot.businessDocuments?.documentsInfo
-    if (filing.alteration?.rulesFileKey) {
-      // Scenario 1 - From draft, rules are uploaded in the draft.
-      this.setSpecialResolutionRules(
-        {
-          name: filing.alteration.rulesFileName,
-          key: filing.alteration.rulesFileKey,
-          url: null, // no url for drafts, this is intentional.
-          includedInResolution: false,
-          previouslyInResolution: documentsInfo?.certifiedRules?.includedInResolution,
-          uploaded: filing.alteration.rulesUploadedOn
-        })
-    } else if (filing.alteration?.rulesInResolution) {
-      // Scenario 2 - From draft, rules are included in the resolution.
-      this.setSpecialResolutionRules(
-        {
-          name: documentsInfo?.certifiedRules?.name,
-          key: documentsInfo?.certifiedRules?.key || null,
-          url: entitySnapshot.businessDocuments.documents?.certifiedRules,
-          includedInResolution: true,
-          previouslyInResolution: documentsInfo?.certifiedRules?.includedInResolution,
-          uploaded: documentsInfo?.certifiedRules?.uploaded
-        })
-    } else {
-      // Scenario 3 + 4 - Not draft, rules exist or rules are on paper.
-      this.setSpecialResolutionRules(
-        {
-          name: documentsInfo?.certifiedRules?.name,
-          key: documentsInfo?.certifiedRules?.key || null,
-          url: entitySnapshot.businessDocuments.documents?.certifiedRules,
-          includedInResolution: false,
-          previouslyInResolution: documentsInfo?.certifiedRules?.includedInResolution,
-          uploaded: documentsInfo?.certifiedRules?.uploaded
-        })
-    }
-
-    if (filing.alteration?.memorandumInResolution) {
-      // Scenario 1 - From draft - Memorandum is in the resolution.
-      this.setSpecialResolutionMemorandum(
-        {
-          name: documentsInfo?.certifiedMemorandum?.name,
-          key: documentsInfo?.certifiedMemorandum?.key || null,
-          url: entitySnapshot.businessDocuments.documents?.certifiedMemorandum,
-          includedInResolution: true,
-          previouslyInResolution: documentsInfo?.certifiedMemorandum?.includedInResolution,
-          uploaded: documentsInfo?.certifiedMemorandum?.uploaded
-        })
-    } else {
-      // Scenario 2 + 3 - Not Draft - Memorandum is not in the resolution or are on paper.
-      this.setSpecialResolutionMemorandum(
-        {
-          name: documentsInfo?.certifiedMemorandum?.name,
-          key: documentsInfo?.certifiedMemorandum?.key || null,
-          url: entitySnapshot.businessDocuments.documents?.certifiedMemorandum,
-          includedInResolution: false,
-          previouslyInResolution: documentsInfo?.certifiedMemorandum?.includedInResolution,
-          uploaded: documentsInfo?.certifiedMemorandum?.uploaded
-        })
-    }
+    this.storeSpecialResolutionRulesAndMemorandum(filing.alteration, entitySnapshot)
 
     this.setSpecialResolution(cloneDeep(filing.specialResolution))
 
@@ -1562,4 +1576,73 @@ export default class FilingTemplateMixin extends DateMixin {
       })
     }
   }
+
+  /**
+   * Parses Special Resolution Rules and Memorandum data into store, also used for corrections for Special Resolution.
+   * @param filingInformation the filing information to parse.
+   * @param entitySnapshot the entity snapshot.
+   */
+  storeSpecialResolutionRulesAndMemorandum (filingInformation: CoopAlterationIF | CorrectionInformationIF,
+    entitySnapshot: EntitySnapshotIF) :void {
+    // Documents Info can possibly be undefined, if the co-op was created via paper.
+    const documentsInfo = entitySnapshot.businessDocuments?.documentsInfo
+    if (filingInformation?.rulesFileKey) {
+      // Scenario 1 - From draft, rules are uploaded in the draft.
+      this.setSpecialResolutionRules(
+        {
+          name: filingInformation.rulesFileName,
+          key: filingInformation.rulesFileKey,
+          url: null, // no url for drafts, this is intentional.
+          includedInResolution: false,
+          previouslyInResolution: documentsInfo?.certifiedRules?.includedInResolution,
+          uploaded: filingInformation.rulesUploadedOn
+        })
+    } else if (filingInformation?.rulesInResolution) {
+      // Scenario 2 - From draft, rules are included in the resolution.
+      this.setSpecialResolutionRules(
+        {
+          name: documentsInfo?.certifiedRules?.name,
+          key: documentsInfo?.certifiedRules?.key || null,
+          url: entitySnapshot.businessDocuments.documents?.certifiedRules,
+          includedInResolution: true,
+          previouslyInResolution: documentsInfo?.certifiedRules?.includedInResolution,
+          uploaded: documentsInfo?.certifiedRules?.uploaded
+        })
+    } else {
+      // Scenario 3 + 4 - Not draft, rules exist or rules are on paper.
+      this.setSpecialResolutionRules(
+        {
+          name: documentsInfo?.certifiedRules?.name,
+          key: documentsInfo?.certifiedRules?.key || null,
+          url: entitySnapshot.businessDocuments.documents?.certifiedRules,
+          includedInResolution: false,
+          previouslyInResolution: documentsInfo?.certifiedRules?.includedInResolution,
+          uploaded: documentsInfo?.certifiedRules?.uploaded
+        })
+    }
+
+    if (filingInformation?.memorandumInResolution) {
+      // Scenario 1 - From draft - Memorandum is in the resolution.
+      this.setSpecialResolutionMemorandum(
+        {
+          name: documentsInfo?.certifiedMemorandum?.name,
+          key: documentsInfo?.certifiedMemorandum?.key || null,
+          url: entitySnapshot.businessDocuments.documents?.certifiedMemorandum,
+          includedInResolution: true,
+          previouslyInResolution: documentsInfo?.certifiedMemorandum?.includedInResolution,
+          uploaded: documentsInfo?.certifiedMemorandum?.uploaded
+        })
+    } else {
+      // Scenario 2 + 3 - Not Draft - Memorandum is not in the resolution or are on paper.
+      this.setSpecialResolutionMemorandum(
+        {
+          name: documentsInfo?.certifiedMemorandum?.name,
+          key: documentsInfo?.certifiedMemorandum?.key || null,
+          url: entitySnapshot.businessDocuments.documents?.certifiedMemorandum,
+          includedInResolution: false,
+          previouslyInResolution: documentsInfo?.certifiedMemorandum?.includedInResolution,
+          uploaded: documentsInfo?.certifiedMemorandum?.uploaded
+        })
+    }
+  }
 }
diff --git a/src/resources/Correction/CP.ts b/src/resources/Correction/CP.ts
new file mode 100644
index 000000000..af9fdd4b0
--- /dev/null
+++ b/src/resources/Correction/CP.ts
@@ -0,0 +1,49 @@
+import { CorrectNameOptions, FilingCodes } from '@/enums/'
+import { NrRequestActionCodes } from '@bcrs-shared-components/enums'
+import { CorpTypeCd } from '@bcrs-shared-components/corp-type-module/'
+import { ResourceIF } from '@/interfaces/'
+
+export const CpCorrectionResource: ResourceIF = {
+  entityReference: 'Business',
+  contactLabel: 'Registered Office',
+  displayName: null, // not used
+  entityType: CorpTypeCd.COOP,
+  addressLabel: 'Business Addresses',
+  filingData: {
+    filingTypeCode: FilingCodes.CORRECTION,
+    entityType: CorpTypeCd.COOP,
+    priority: false
+  },
+  changeData: {
+    correctNameOptions: [
+      CorrectNameOptions.CORRECT_NEW_NR
+    ],
+    typeChangeInfo: 'You cannot change the business type of a Cooperative Association. You must form a new' +
+    'business and dissolve this business once the new business is registered.',
+    addressChangeInfo: 'To change addresses, please use the Change feature in the' +
+    ' Office Addresses list on your business dashboard.',
+    nameRequestTypes: [
+      NrRequestActionCodes.CHANGE_NAME
+    ],
+    specialResolution: {
+      helpSection: {
+        header: 'Help with Special Resolution',
+        helpText: [
+          'If you require assistance with adding a business partner please contact us.'
+        ]
+      },
+      sampleFormSection: {
+        header: 'Special Resolution (Form 06 COO)',
+        text: `For your convenience, we have provided the special resolution form (Form 06 COO).  This form should be
+          completed, signed and a printed copy retained with your other Cooperative Association records.
+          Do not mail the paper form to BC Registries.  Once you have completed this form, enter the details
+          from the paper form into this filing.`,
+        label: 'Download the Special Resolution Form 06 COO',
+        path: 'files/cooperative_sample_special_resolution_form_06.pdf'
+      }
+    }
+  },
+  certifyClause: 'Note: It is an offence to make a false or misleading statement in respect ' +
+    'of a material fact in a record submitted to the Corporate Registry for filing. ' +
+    'See section 200 of the Cooperative Association Act.'
+}
diff --git a/src/resources/Correction/index.ts b/src/resources/Correction/index.ts
index 893909904..210134647 100644
--- a/src/resources/Correction/index.ts
+++ b/src/resources/Correction/index.ts
@@ -1,6 +1,7 @@
 export * from './BC'
 export * from './BEN'
 export * from './CCC'
+export * from './CP'
 export * from './GP'
 export * from './SP'
 export * from './ULC'
diff --git a/src/resources/SpecialResolution/CP.ts b/src/resources/SpecialResolution/CP.ts
index 386b1872e..9af771097 100644
--- a/src/resources/SpecialResolution/CP.ts
+++ b/src/resources/SpecialResolution/CP.ts
@@ -7,7 +7,7 @@ export const CpSpecialResolutionResource: ResourceIF = {
   entityReference: 'Business',
   contactLabel: 'Registered Office',
   displayName: GetCorpFullDescription(CorpTypeCd.COOP),
-  addressLabel: 'Registered Office',
+  addressLabel: 'Business Addresses',
   filingData: {
     filingTypeCode: FilingCodes.SPECIAL_RESOLUTION,
     entityType: CorpTypeCd.COOP,
diff --git a/src/services/legal-services.ts b/src/services/legal-services.ts
index ebd786bd7..b7d011286 100644
--- a/src/services/legal-services.ts
+++ b/src/services/legal-services.ts
@@ -273,10 +273,13 @@ export default class LegalServices {
   /**
    * Fetch the resolutions of the current business.
    * @param businessId the id of the business
+   * @param isSpecialResolution whether to fetch resolution type SPECIAL
    * @returns a promise to return the data
    */
-  static async fetchResolutions (businessId: string): Promise<ResolutionsIF[]> {
-    const url = `businesses/${businessId}/resolutions`
+  static async fetchResolutions (businessId: string, isSpecialResolution = false): Promise<ResolutionsIF[]> {
+    let url = `businesses/${businessId}/resolutions`
+
+    if (isSpecialResolution) url += '?type=SPECIAL'
 
     return axios.get(url)
       .then(response => {
@@ -343,7 +346,11 @@ export default class LegalServices {
     }
 
     return axios.get(document.link, config).then(response => {
-      if (!response) throw new Error('Null response')
+      if (!response?.data) {
+        // eslint-disable-next-line no-console
+        console.log('fetchDocument() error - invalid response =', response)
+        throw new Error('Invalid API response')
+      }
 
       /* solution from https://github.com/axios/axios/issues/1392 */
 
diff --git a/src/store/state/state-model.ts b/src/store/state/state-model.ts
index c5af93c9d..00077260a 100644
--- a/src/store/state/state-model.ts
+++ b/src/store/state/state-model.ts
@@ -134,12 +134,14 @@ export const stateModel: StateModelIF = {
   detailComment: '',
   editingFlags: {
     companyName: false,
+    associationType: false,
     nameTranslations: false,
     officeAddresses: false,
     peopleAndRoles: false,
     shareStructure: false,
     rules: false,
-    memorandum: false
+    memorandum: false,
+    specialResolution: false
   },
   summaryMode: false,
   currentFees: [cloneDeep(EmptyFees)],
diff --git a/src/store/store.ts b/src/store/store.ts
index d0929066d..92528a166 100644
--- a/src/store/store.ts
+++ b/src/store/store.ts
@@ -50,6 +50,7 @@ import { defineStore } from 'pinia'
 import { resourceModel, stateModel } from './state'
 import { LegalServices } from '@/services'
 import { RulesMemorandumIF } from '@/interfaces/rules-memorandum-interfaces'
+import { isEqual } from 'lodash'
 
 // Possible to move getters / actions into seperate files:
 // https://github.com/vuejs/pinia/issues/802#issuecomment-1018780409
@@ -118,6 +119,11 @@ export const useStore = defineStore('store', {
       return (this.isBenBcCccUlc && this.isCorrectionFiling)
     },
 
+    /* Whether the current filing is a Correction for a cooperative. */
+    isCoopCorrectionFiling (): boolean {
+      return (this.isCoop && this.isCorrectionFiling)
+    },
+
     /** Whether the current filing is a Correction for a firm corp class. */
     isFirmCorrectionFiling (): boolean {
       return (this.isFirm && this.isCorrectionFiling)
@@ -541,6 +547,16 @@ export const useStore = defineStore('store', {
         )
       }
 
+      if (this.isCoopCorrectionFiling) {
+        return (
+          this.hasBusinessNameChanged ||
+          this.hasAssociationTypeChanged ||
+          this.hasSpecialResolutionMemorandumChanged ||
+          this.hasSpecialResolutionRulesChanged ||
+          this.hasSpecialResolutionResolutionChanged
+        )
+      }
+
       return false // should never happen
     },
 
@@ -566,7 +582,7 @@ export const useStore = defineStore('store', {
     },
 
     /**
-     * Whether any special resolution data has changed (for the purpose of showing the
+     * Whether any special resolution filing (non-correction) has changed (for the purpose of showing the
      * fee summary), ie, does NOT include:
      * - certify
      * - folio number
@@ -575,7 +591,6 @@ export const useStore = defineStore('store', {
      * - address (read only)
      * - contact info
      */
-    // more to add while adding components
     hasSpecialResolutionDataChanged (): boolean {
       return (
         this.hasBusinessNameChanged ||
@@ -697,6 +712,23 @@ export const useStore = defineStore('store', {
         }
       }
 
+      if (this.isCoopCorrectionFiling) {
+        return (
+          this.getFlagsCompanyInfo.isValidCompanyName &&
+          this.getFlagsCompanyInfo.isValidAssociationType &&
+          this.getFlagsCompanyInfo.isValidContactInfo &&
+          this.getFlagsCompanyInfo.isValidRules &&
+          this.getFlagsCompanyInfo.isValidMemorandum &&
+          this.getFlagsCompanyInfo.isValidSpecialResolution &&
+          this.getFlagsCompanyInfo.isValidSpecialResolutionSignature &&
+          this.getFlagsReviewCertify.isValidCompletingParty &&
+          this.getFlagsReviewCertify.isValidDetailComment &&
+          this.getFlagsReviewCertify.isValidCourtOrder &&
+          // Check certify for client correction only.
+          (!this.isClientErrorCorrection || this.getFlagsReviewCertify.isValidCertify) &&
+          this.getFlagsReviewCertify.isValidStaffPayment
+        )
+      }
       return false // should never happen
     },
 
@@ -705,10 +737,14 @@ export const useStore = defineStore('store', {
       // NB: Folio Number, Detail, Certify and Staff Payment don't have an "editing" mode.
       return (
         this.stateModel.editingFlags.companyName ||
+        this.stateModel.editingFlags.associationType ||
         this.stateModel.editingFlags.nameTranslations ||
         this.stateModel.editingFlags.officeAddresses ||
         this.stateModel.editingFlags.peopleAndRoles ||
-        this.stateModel.editingFlags.shareStructure
+        this.stateModel.editingFlags.shareStructure ||
+        this.stateModel.editingFlags.rules ||
+        this.stateModel.editingFlags.memorandum ||
+        this.stateModel.editingFlags.specialResolution
       )
     },
 
@@ -1216,12 +1252,36 @@ export const useStore = defineStore('store', {
         this.getEntitySnapshot?.businessDocuments?.documentsInfo?.certifiedRules?.key
     },
 
+    // Grab the latest resolution from the entity snapshot.
+    getLatestResolutionForBusiness (): SpecialResolutionIF {
+      // Obtain latest resolution ID. Assumes that the latest resolution is the one to be corrected.
+      const latestResolution = this.getEntitySnapshot.resolutions
+        .reduce((prev, current) => (prev.id > current.id) ? prev : current)
+      return {
+        ...latestResolution,
+        resolutionDate: latestResolution.date
+      }
+    },
+
+    // Only used for correction filings.
+    hasSpecialResolutionResolutionChanged (): boolean {
+      const entitySnapshotResolution = this.getLatestResolutionForBusiness
+      return (
+        entitySnapshotResolution.resolution !== this.getSpecialResolution.resolution ||
+        !isEqual(entitySnapshotResolution.signatory, this.getSpecialResolution.signatory) ||
+        entitySnapshotResolution.resolutionDate !== this.getSpecialResolution.resolutionDate ||
+        entitySnapshotResolution.signingDate !== this.getSpecialResolution.signingDate
+      )
+    },
+
     /** Determine if we should show the create special resolution component. */
-    showCreateSpecialResolution (): boolean {
-      return (this.hasBusinessNameChanged ||
-         this.hasAssociationTypeChanged ||
-         this.hasSpecialResolutionRulesChanged ||
-         this.hasSpecialResolutionMemorandumChanged)
+    showSpecialResolutionResolution (): boolean {
+      return (
+        this.hasBusinessNameChanged ||
+        this.hasAssociationTypeChanged ||
+        this.hasSpecialResolutionRulesChanged ||
+        this.hasSpecialResolutionMemorandumChanged) ||
+        this.isCoopCorrectionFiling
     }
 
   },
@@ -1381,6 +1441,9 @@ export const useStore = defineStore('store', {
     setEditingCompanyName (editing: boolean) {
       this.stateModel.editingFlags.companyName = editing
     },
+    setEditingAssociationType (editing: boolean) {
+      this.stateModel.editingFlags.associationType = editing
+    },
     setEditingNameTranslations (editing: boolean) {
       this.stateModel.editingFlags.nameTranslations = editing
     },
@@ -1393,6 +1456,15 @@ export const useStore = defineStore('store', {
     setEditingShareStructure (editing: boolean) {
       this.stateModel.editingFlags.shareStructure = editing
     },
+    setEditingRules (editing: boolean) {
+      this.stateModel.editingFlags.rules = editing
+    },
+    setEditingMemorandum (editing: boolean) {
+      this.stateModel.editingFlags.memorandum = editing
+    },
+    setEditingSpecialResolution (editing: boolean) {
+      this.stateModel.editingFlags.specialResolution = editing
+    },
     setSummaryMode (summaryMode: boolean) {
       this.stateModel.summaryMode = summaryMode
     },
diff --git a/src/views/Correction.vue b/src/views/Correction.vue
index bd0fd47c8..12c57e7d0 100644
--- a/src/views/Correction.vue
+++ b/src/views/Correction.vue
@@ -19,6 +19,7 @@ import { ActionBindingIF, CorrectionFilingIF } from '@/interfaces/'
 import { FilingStatus, FilingTypes } from '@/enums/'
 import { SessionStorageKeys } from 'sbc-common-components/src/util/constants'
 import { CorpTypeCd } from '@bcrs-shared-components/corp-type-module/'
+import CoopCorrection from '@/views/Correction/CoopCorrection.vue'
 import CorpCorrection from '@/views/Correction/CorpCorrection.vue'
 import FirmCorrection from '@/views/Correction/FirmCorrection.vue'
 import ViewWrapper from '@/components/ViewWrapper.vue'
@@ -27,6 +28,7 @@ import { useStore } from '@/store/store'
 @Component({
   components: {
     ViewWrapper,
+    CoopCorrection,
     CorpCorrection,
     FirmCorrection
   }
@@ -40,6 +42,7 @@ export default class Correction extends Mixins(CommonMixin) {
   @Getter(useStore) getEntityType!: CorpTypeCd
   @Getter(useStore) isRoleStaff!: boolean
   @Getter(useStore) isBenBcCccUlc!: boolean
+  @Getter(useStore) isCoop!: boolean
   @Getter(useStore) isFirm!: boolean
 
   // Global actions
@@ -50,6 +53,7 @@ export default class Correction extends Mixins(CommonMixin) {
 
   /** The dynamic component to render. */
   get component (): string {
+    if (this.isCoop) return 'CoopCorrection'
     if (this.isBenBcCccUlc) return 'CorpCorrection'
     if (this.isFirm) return 'FirmCorrection'
     return null // should never happen
@@ -112,9 +116,9 @@ export default class Correction extends Mixins(CommonMixin) {
       }
 
       // set entity type for misc functionality to work
-      // do not proceed if this isn't a BC or firm correction
+      // do not proceed if this isn't a BC/Firm/Coop correction
       this.setEntityType(filing.business?.legalType)
-      if (!this.isBenBcCccUlc && !this.isFirm) {
+      if (!this.isBenBcCccUlc && !this.isFirm && !this.isCoop) {
         throw new Error('Invalid correction type')
       }
 
diff --git a/src/views/Correction/CoopCorrection.vue b/src/views/Correction/CoopCorrection.vue
new file mode 100644
index 000000000..32317d4ed
--- /dev/null
+++ b/src/views/Correction/CoopCorrection.vue
@@ -0,0 +1,210 @@
+<template>
+  <section
+    v-if="isDataLoaded"
+    id="coop-correction-view"
+  >
+    <header>
+      <h1>Special Resolution Register Correction</h1>
+    </header>
+
+    <section
+      id="original-filing-date"
+      class="mt-6"
+    >
+      <p>
+        <strong>
+          <span id="original-filing-date-label">Original Filing Date:</span>
+        </strong>
+        {{ originalFilingDate }}
+      </p>
+    </section>
+
+    <YourCompanyWrapper class="mt-10">
+      <div>
+        <EntityName />
+      </div>
+      <AssociationType />
+      <BusinessContactInfo />
+    </YourCompanyWrapper>
+
+    <Rules class="mt-10" />
+
+    <Memorandum class="mt-10" />
+
+    <Resolution class="mt-10" />
+
+    <CompletingParty
+      v-if="isClientErrorCorrection"
+      class="mt-10"
+      sectionNumber="1."
+      validate="true"
+    />
+
+    <Detail
+      class="mt-10"
+      :sectionNumber="isClientErrorCorrection ? '2.' : '1.'"
+      validate="true"
+      rowCount="5"
+    />
+
+    <CertifySection
+      v-if="isClientErrorCorrection"
+      class="mt-10"
+      :sectionNumber="isClientErrorCorrection ? '3.' : '2.'"
+      validate="true"
+    />
+
+    <CourtOrderPoa
+      class="mt-10"
+      :sectionNumber="isClientErrorCorrection ? '4.' : '2.'"
+      autoValidation="true"
+    />
+
+    <StaffPayment
+      class="mt-10"
+      sectionNumber="3."
+      @haveChanges="onStaffPaymentChanges()"
+    />
+  </section>
+</template>
+
+<script lang="ts">
+import { Component, Emit, Mixins, Prop, Watch } from 'vue-property-decorator'
+import { SpecialResolutionSummary, Resolution } from '@/components/SpecialResolution'
+import { AssociationType, BusinessContactInfo, BusinessType, CertifySection, CompletingParty, CourtOrderPoa,
+  CurrentDirectors, Detail, DocumentsDelivery, EntityName, FolioInformation, OfficeAddresses, StaffPayment,
+  TransactionalFolioNumber, YourCompanyWrapper } from '@/components/common/'
+import { CommonMixin, DateMixin, FeeMixin, FilingTemplateMixin } from '@/mixins/'
+import ViewWrapper from '@/components/ViewWrapper.vue'
+import Rules from '@/components/SpecialResolution/Rules.vue'
+import Memorandum from '@/components/SpecialResolution/Memorandum.vue'
+import { Action, Getter } from 'pinia-class'
+import { useStore } from '@/store/store'
+import { ActionBindingIF, CorrectionFilingIF, ResourceIF, EntitySnapshotIF } from '@/interfaces'
+import { CpCorrectionResource } from '@/resources/Correction'
+import { LegalServices, AuthServices } from '@/services'
+import { StaffPaymentOptions } from '@bcrs-shared-components/enums'
+import { CorrectionErrorTypes } from '@/enums'
+import { FilingDataIF } from '@bcrs-shared-components/interfaces'
+
+@Component({
+  components: {
+    AssociationType,
+    BusinessContactInfo,
+    BusinessType,
+    CertifySection,
+    CompletingParty,
+    CourtOrderPoa,
+    Detail,
+    Resolution,
+    CurrentDirectors,
+    DocumentsDelivery,
+    EntityName,
+    FolioInformation,
+    OfficeAddresses,
+    SpecialResolutionSummary,
+    StaffPayment,
+    TransactionalFolioNumber,
+    Rules,
+    Memorandum,
+    ViewWrapper,
+    YourCompanyWrapper
+  }
+})
+export default class CoopCorrection extends Mixins(CommonMixin, DateMixin, FeeMixin, FilingTemplateMixin) {
+  // Global getters
+  @Getter(useStore) isPartnership!: boolean
+  @Getter(useStore) isSoleProp!: boolean
+
+  // Global actions
+  @Action(useStore) setCertifyStatementResource!: ActionBindingIF
+  @Action(useStore) setHaveUnsavedChanges!: ActionBindingIF
+  @Action(useStore) setResource!: ActionBindingIF
+
+  /** The draft correction filing to process. */
+  @Prop({ default: () => null }) readonly correctionFiling!: CorrectionFilingIF
+
+  isDataLoaded = false
+
+  /** The original filing date, in Pacific time. */
+  get originalFilingDate (): string {
+    return this.apiToPacificDateLong(this.getCorrectedFilingDate)
+  }
+
+  /** The resource object for a firm correction filing. */
+  get correctionResource (): ResourceIF {
+    return CpCorrectionResource
+  }
+
+  /**
+   * Called when correction filing is fetched and this component can continue loading.
+   * Must be "immediate" because this component is only rendered when we have the data.
+   */
+  @Watch('correctionFiling', { immediate: true })
+  private async onCorrectionFiling (): Promise<void> {
+    // fetch the rest of the data
+    try {
+      // safety check
+      if (!this.correctionFiling) throw (new Error('Missing correction filing. Try reloading the page.'))
+
+      // fetch entity snapshot
+      const entitySnapshot = await this.fetchEntitySnapshot()
+
+      // parse draft correction filing and entity snapshot into store
+      this.parseCorrectionFiling(this.correctionFiling, entitySnapshot)
+
+      // set the resources
+      this.setResource(this.correctionResource)
+
+      // initialize Fee Summary data
+      const filingData = [this.correctionResource.filingData]
+      if (this.correctionFiling.correction.type === CorrectionErrorTypes.STAFF) {
+        (filingData[0] as FilingDataIF).waiveFees = true
+      }
+      this.setFilingData(filingData)
+
+      // pre-select No Fee option
+      this.setStaffPayment({ option: StaffPaymentOptions.NO_FEE })
+
+      // tell App that we're finished loading
+      this.emitHaveData()
+      this.isDataLoaded = true
+    } catch (err) {
+      console.log(err) // eslint-disable-line no-console
+      this.emitFetchError(err)
+    }
+
+    // now that all data is loaded, wait for things to stabilize and reset flag
+    this.$nextTick(() => this.setHaveUnsavedChanges(false))
+  }
+
+  /** Fetches the entity snapshot. */
+  private async fetchEntitySnapshot (): Promise<EntitySnapshotIF> {
+    const items = await Promise.all([
+      LegalServices.fetchBusinessInfo(this.getBusinessId),
+      AuthServices.fetchAuthInfo(this.getBusinessId),
+      LegalServices.fetchBusinessDocuments(this.getBusinessId),
+      LegalServices.fetchResolutions(this.getBusinessId, true)
+    ])
+
+    if (items.length !== 4) throw new Error('Failed to fetch entity snapshot')
+
+    return {
+      businessInfo: items[0],
+      authInfo: items[1],
+      businessDocuments: items[2],
+      resolutions: items[3]
+    } as EntitySnapshotIF
+  }
+
+  /** Emits Fetch Error event. */
+  @Emit('fetchError')
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  private emitFetchError (err: unknown = null): void {}
+
+  /** Emits Have Data event. */
+  @Emit('haveData')
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  private emitHaveData (haveData = true): void {}
+}
+</script>
diff --git a/src/views/SpecialResolution.vue b/src/views/SpecialResolution.vue
index f9ed3c9f6..aa709e5f3 100644
--- a/src/views/SpecialResolution.vue
+++ b/src/views/SpecialResolution.vue
@@ -49,7 +49,7 @@
 
           <Memorandum class="mt-10" />
 
-          <CreateSpecialResolution class="mt-10" />
+          <Resolution class="mt-10" />
         </div>
       </v-slide-x-transition>
 
@@ -142,7 +142,7 @@
 import { Component, Emit, Mixins, Prop, Watch } from 'vue-property-decorator'
 import { Action, Getter } from 'pinia-class'
 import { GetFeatureFlag } from '@/utils/'
-import { SpecialResolutionSummary, CreateSpecialResolution } from '@/components/SpecialResolution'
+import { SpecialResolutionSummary, Resolution } from '@/components/SpecialResolution'
 import { AssociationType, BusinessContactInfo, BusinessType, CertifySection, CompletingParty, CurrentDirectors,
   DocumentsDelivery, EntityName, FolioInformation, OfficeAddresses, StaffPayment, TransactionalFolioNumber,
   YourCompanyWrapper } from '@/components/common/'
@@ -165,7 +165,7 @@ import Memorandum from '@/components/SpecialResolution/Memorandum.vue'
     BusinessType,
     CertifySection,
     CompletingParty,
-    CreateSpecialResolution,
+    Resolution,
     CurrentDirectors,
     DocumentsDelivery,
     EntityName,
diff --git a/tests/unit/AccountAuthorizationDialog.spec.ts b/tests/unit/AccountAuthorizationDialog.spec.ts
index 3c2c70e8b..dc0080624 100644
--- a/tests/unit/AccountAuthorizationDialog.spec.ts
+++ b/tests/unit/AccountAuthorizationDialog.spec.ts
@@ -1,9 +1,7 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { shallowMount, mount } from '@vue/test-utils'
 import AccountAuthorizationDialog from '@/dialogs/AccountAuthorizationDialog.vue'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 // Prevent the warning "[Vuetify] Unable to locate target [data-app]"
diff --git a/tests/unit/Actions.spec.ts b/tests/unit/Actions.spec.ts
index 152914332..1cacc4a17 100644
--- a/tests/unit/Actions.spec.ts
+++ b/tests/unit/Actions.spec.ts
@@ -10,7 +10,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd, CorrectionErrorTypes, FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/AddNameTranslation.spec.ts b/tests/unit/AddNameTranslation.spec.ts
index 73cc8b259..fca54bafa 100644
--- a/tests/unit/AddNameTranslation.spec.ts
+++ b/tests/unit/AddNameTranslation.spec.ts
@@ -7,7 +7,6 @@ import AddNameTranslation from '@/components/common/YourCompany/NameTranslations
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/Alteration.spec.ts b/tests/unit/Alteration.spec.ts
index 84a0feaa1..43e517be8 100644
--- a/tests/unit/Alteration.spec.ts
+++ b/tests/unit/Alteration.spec.ts
@@ -14,7 +14,6 @@ import { AccountTypes, ActionTypes, FilingTypes } from '@/enums'
 import { BusinessContactInfo, BusinessType, EntityName, FolioInformation, NameTranslation, OfficeAddresses,
   RecognitionDateTime, YourCompanyWrapper } from '@/components/common'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 // Prevent the warning "[Vuetify] Unable to locate target [data-app]"
diff --git a/tests/unit/AlterationSummary.spec.ts b/tests/unit/AlterationSummary.spec.ts
index 923f42c2a..b05a4314a 100644
--- a/tests/unit/AlterationSummary.spec.ts
+++ b/tests/unit/AlterationSummary.spec.ts
@@ -11,7 +11,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd } from '@bcrs-shared-components/corp-type-module'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/App.spec.ts b/tests/unit/App.spec.ts
index 4d2f3b48a..1f78e8fb2 100644
--- a/tests/unit/App.spec.ts
+++ b/tests/unit/App.spec.ts
@@ -25,7 +25,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd, FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/Articles.spec.ts b/tests/unit/Articles.spec.ts
index 705d26167..85ac350a3 100644
--- a/tests/unit/Articles.spec.ts
+++ b/tests/unit/Articles.spec.ts
@@ -8,7 +8,6 @@ import ResolutionDates from '@/components/Alteration/Articles/ResolutionDates.vu
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/AssociationType.spec.ts b/tests/unit/AssociationType.spec.ts
index 68ec7e506..495823460 100644
--- a/tests/unit/AssociationType.spec.ts
+++ b/tests/unit/AssociationType.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { shallowMount } from '@vue/test-utils'
 import { AssociationType } from '@/components/common'
@@ -6,7 +5,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/BusinessContactInfo.spec.ts b/tests/unit/BusinessContactInfo.spec.ts
index 963591b9b..3cd322fe5 100644
--- a/tests/unit/BusinessContactInfo.spec.ts
+++ b/tests/unit/BusinessContactInfo.spec.ts
@@ -7,7 +7,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd, FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/BusinessStartDate.spec.ts b/tests/unit/BusinessStartDate.spec.ts
index 9ed18c6e6..e27382190 100644
--- a/tests/unit/BusinessStartDate.spec.ts
+++ b/tests/unit/BusinessStartDate.spec.ts
@@ -11,7 +11,6 @@ import { useStore } from '@/store/store'
 import { CorpTypeCd } from '@bcrs-shared-components/corp-type-module'
 import { FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 const localVue = createLocalVue()
diff --git a/tests/unit/CertifySection.spec.ts b/tests/unit/CertifySection.spec.ts
index 6f8de1ef2..4d5438875 100644
--- a/tests/unit/CertifySection.spec.ts
+++ b/tests/unit/CertifySection.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { mount, Wrapper } from '@vue/test-utils'
 import CertifySection from '@/components/common/CertifySection.vue'
@@ -7,7 +6,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/Change.spec.ts b/tests/unit/Change.spec.ts
index b43cdab2e..f98e3d1b6 100644
--- a/tests/unit/Change.spec.ts
+++ b/tests/unit/Change.spec.ts
@@ -16,7 +16,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { ActionTypes, CorpTypeCd, FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/ChangeBusinessType.spec.ts b/tests/unit/ChangeBusinessType.spec.ts
index 6a06e08ea..964827bbd 100644
--- a/tests/unit/ChangeBusinessType.spec.ts
+++ b/tests/unit/ChangeBusinessType.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { mount } from '@vue/test-utils'
 import ChangeBusinessType from '@/components/common/YourCompany/ChangeBusinessType.vue'
@@ -6,7 +5,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd, FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/ChangeSummary.spec.ts b/tests/unit/ChangeSummary.spec.ts
index e004d7d03..5e44b1909 100644
--- a/tests/unit/ChangeSummary.spec.ts
+++ b/tests/unit/ChangeSummary.spec.ts
@@ -10,7 +10,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 describe('Change Summary component', () => {
diff --git a/tests/unit/CommonCompletingParty.spec.ts b/tests/unit/CommonCompletingParty.spec.ts
index 6dd3aecc4..936fd3efa 100644
--- a/tests/unit/CommonCompletingParty.spec.ts
+++ b/tests/unit/CommonCompletingParty.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { mount } from '@vue/test-utils'
 import CompletingParty from '@/components/common/CompletingParty.vue'
@@ -7,7 +6,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd, FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/CompanyProvisions.spec.ts b/tests/unit/CompanyProvisions.spec.ts
index d59e39b15..a816ab130 100644
--- a/tests/unit/CompanyProvisions.spec.ts
+++ b/tests/unit/CompanyProvisions.spec.ts
@@ -6,7 +6,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd, FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/Conversion.spec.ts b/tests/unit/Conversion.spec.ts
index ec807513c..5750b3078 100644
--- a/tests/unit/Conversion.spec.ts
+++ b/tests/unit/Conversion.spec.ts
@@ -16,7 +16,6 @@ import { BusinessStartDate, BusinessType, EntityName, FolioInformation, OfficeAd
 import { ConversionNOB } from '@/components/Conversion'
 import { AccountTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/ConversionNOB.spec.ts b/tests/unit/ConversionNOB.spec.ts
index 8ef22bdc2..d8bb06c03 100644
--- a/tests/unit/ConversionNOB.spec.ts
+++ b/tests/unit/ConversionNOB.spec.ts
@@ -5,7 +5,6 @@ import ConversionNOB from '@/components/Conversion/ConversionNOB.vue'
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 // Prevent the warning "[Vuetify] Unable to locate target [data-app]"
diff --git a/tests/unit/ConversionSummary.spec.ts b/tests/unit/ConversionSummary.spec.ts
index d9a69c163..f5053f3aa 100644
--- a/tests/unit/ConversionSummary.spec.ts
+++ b/tests/unit/ConversionSummary.spec.ts
@@ -10,7 +10,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/CoopCorrection.spec.ts b/tests/unit/CoopCorrection.spec.ts
new file mode 100644
index 000000000..15b076e60
--- /dev/null
+++ b/tests/unit/CoopCorrection.spec.ts
@@ -0,0 +1,289 @@
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+import flushPromises from 'flush-promises'
+import { mount } from '@vue/test-utils'
+import { AssociationType, BusinessContactInfo, CertifySection, CompletingParty, CourtOrderPoa, Detail, EntityName,
+  StaffPayment, YourCompanyWrapper } from '@/components/common/'
+import CoopCorrection from '@/views/Correction/CoopCorrection.vue'
+import { createPinia, setActivePinia } from 'pinia'
+import { useStore } from '@/store/store'
+import { AccountTypes, CoopTypes, CorpTypeCd, CorrectionErrorTypes, FilingTypes } from '@/enums'
+import { Memorandum, Resolution, Rules } from '@/components/SpecialResolution'
+import { AuthServices, LegalServices } from '@/services'
+
+const vuetify = new Vuetify({})
+
+setActivePinia(createPinia())
+const store = useStore()
+
+// Prevent the warning "[Vuetify] Unable to locate target [data-app]"
+document.body.setAttribute('data-app', 'true')
+
+describe('Coop Correction component', () => {
+  let wrapper: any
+  store.stateModel.tombstone.entityType = CorpTypeCd.COOP
+  store.stateModel.tombstone.businessId = 'CP1234567'
+  store.stateModel.tombstone.filingType = FilingTypes.CORRECTION
+  store.stateModel.accountInformation.accountType = AccountTypes.PREMIUM
+  store.stateModel.completingParty = {
+    firstName: 'First',
+    lastName: 'Last',
+    middleName: 'Middle',
+    mailingAddress: {
+      streetAddress: '123 Completing Ave',
+      streetAddressAdditional: '',
+      addressCity: 'Party',
+      addressRegion: 'BC',
+      postalCode: 'V0V 0V0',
+      addressCountry: 'CA',
+      deliveryInstructions: ''
+    }
+  }
+
+  beforeEach(async () => {
+    // For Entity Snapshot
+    LegalServices.fetchBusinessInfo = jest.fn().mockResolvedValue(
+      {
+        'adminFreeze': false,
+        'allowedActions': {
+          'filing': {
+            'filingSubmissionLink': 'https://legal-api-dev.apps.silver.devops.gov.bc.ca/api/v2/CP1002552/filings',
+            'filingTypes': [
+              {
+                'displayName': 'Admin Freeze',
+                'feeCode': 'NOFEE',
+                'name': 'adminFreeze'
+              },
+              {
+                'displayName': 'Court Order',
+                'feeCode': 'NOFEE',
+                'name': 'courtOrder'
+              },
+              {
+                'displayName': "Registrar's Notation",
+                'feeCode': 'NOFEE',
+                'name': 'registrarsNotation'
+              },
+              {
+                'displayName': "Registrar's Order",
+                'feeCode': 'NOFEE',
+                'name': 'registrarsOrder'
+              }
+            ]
+          }
+        },
+        'arMaxDate': '2023-06-15',
+        'arMinDate': '2023-01-01',
+        'associationType': 'HC',
+        'complianceWarnings': [],
+        'fiscalYearEndDate': '2022-07-27',
+        'foundingDate': '2022-07-27T18:45:39.188112+00:00',
+        'goodStanding': true,
+        'hasCorrections': false,
+        'hasCourtOrders': false,
+        'hasRestrictions': false,
+        'identifier': 'CP1002552',
+        'lastAddressChangeDate': '2022-07-27',
+        'lastAnnualGeneralMeetingDate': '',
+        'lastAnnualReportDate': '',
+        'lastDirectorChangeDate': '2022-08-29',
+        'lastLedgerTimestamp': '2022-07-27T18:45:41.945395+00:00',
+        'lastModified': '2023-06-05T17:20:51.087429+00:00',
+        'legalName': 'SUPER SUPER COOP',
+        'legalType': CorpTypeCd.COOP,
+        'naicsCode': null,
+        'naicsDescription': null,
+        'naicsKey': null,
+        'nextAnnualReport': '2023-07-27T07:00:00+00:00',
+        'state': 'ACTIVE',
+        'submitter': 'bcsc/xxx',
+        'warnings': []
+      }
+    )
+
+    AuthServices.fetchAuthInfo = jest.fn().mockResolvedValue({ contact: {
+      email: 'hello@haha.com',
+      phone: '(525) 252-5544',
+      extension: ''
+    } })
+
+    LegalServices.fetchBusinessDocuments = jest.fn().mockResolvedValue(
+      {
+        'documents': {
+          'certifiedMemorandum': 'https://xxx/api/v2/businesses/CP1002552/filings/145222/documents/certifiedMemorandum',
+          'certifiedRules': 'https://xxx/api/v2/businesses/CP1002552/filings/145222/documents/certifiedRules'
+        },
+        'documentsInfo': {
+          'certifiedMemorandum': {
+            'includedInResolution': true,
+            'includedInResolutionDate': '2023-06-05T17:20:51.087429+00:00',
+            'key': 'test',
+            'name': 'CP1002552 - Certified Memorandum - 2023-05-26.pdf',
+            'uploaded': '2023-05-26T16:11:27.098606+00:00'
+          },
+          'certifiedRules': {
+            'includedInResolution': true,
+            'includedInResolutionDate': '2023-06-05T17:20:51.087429+00:00',
+            'key': '304bf897-06ef-4868-94d7-c50419cc366f.pdf',
+            'name': 'CP1002552 - Certified Rules - 2023-05-26.pdf',
+            'uploaded': '2023-05-26T16:11:27.098606+00:00'
+          }
+        }
+      }
+    )
+
+    LegalServices.fetchResolutions = jest.fn().mockResolvedValue([
+      {
+        'date': '2022-09-05',
+        'id': 246918,
+        'resolution': 'htgryrtyhrftghfg',
+        'signatory': {
+          'additionalName': 'HFH',
+          'familyName': 'HFHFH',
+          'givenName': 'HFGHF'
+        },
+        'signingDate': '2022-09-05',
+        'subType': 'specialResolution',
+        'type': 'SPECIAL'
+      },
+      {
+        'date': '2023-05-16',
+        'id': 259987,
+        'resolution': '<p>fdfd</p>',
+        'signatory': {
+          'familyName': 'FD',
+          'givenName': 'FDFD'
+        },
+        'signingDate': '2023-05-16',
+        'subType': 'specialResolution',
+        'type': 'SPECIAL'
+      }
+    ])
+
+    wrapper = mount(CoopCorrection, {
+      vuetify,
+      propsData: {
+        correctionFiling: {
+          business: {},
+          correction: { correctedFilingId: 123 },
+          header: {}
+        }
+      } })
+
+    await flushPromises()
+  })
+
+  afterEach(() => {
+    wrapper.destroy()
+  })
+
+  it('renders COOP Correction view', () => {
+    expect(wrapper.findComponent(CoopCorrection).exists()).toBe(true)
+  })
+
+  it('loads each component', async () => {
+    expect(wrapper.findComponent(YourCompanyWrapper).exists()).toBe(true)
+    expect(wrapper.findComponent(EntityName).exists()).toBe(true)
+    expect(wrapper.findComponent(AssociationType).exists()).toBe(true)
+    expect(wrapper.findComponent(BusinessContactInfo).exists()).toBe(true)
+    expect(wrapper.findComponent(Rules).exists()).toBe(true)
+    expect(wrapper.findComponent(Memorandum).exists()).toBe(true)
+    expect(wrapper.findComponent(Resolution).exists()).toBe(true)
+    expect(wrapper.findComponent(CompletingParty).exists()).toBe(true)
+    expect(wrapper.findComponent(Detail).exists()).toBe(true)
+    expect(wrapper.findComponent(CertifySection).exists()).toBe(true)
+    expect(wrapper.findComponent(CourtOrderPoa).exists()).toBe(true)
+    expect(wrapper.findComponent(StaffPayment).exists()).toBe(true)
+  })
+
+  it('staff view - has the correct components displaying', async () => {
+    store.stateModel.correctionInformation.type = CorrectionErrorTypes.STAFF
+    await Vue.nextTick()
+    expect(wrapper.findComponent(YourCompanyWrapper).isVisible()).toBe(true)
+    expect(wrapper.findComponent(EntityName).isVisible()).toBe(true)
+    expect(wrapper.findComponent(AssociationType).isVisible()).toBe(true)
+    expect(wrapper.findComponent(BusinessContactInfo).isVisible()).toBe(true)
+    expect(wrapper.findComponent(Rules).isVisible()).toBe(true)
+    expect(wrapper.findComponent(Memorandum).isVisible()).toBe(true)
+    expect(wrapper.findComponent(Resolution).isVisible()).toBe(true)
+    expect(wrapper.findComponent(CompletingParty).exists()).toBe(false)
+    expect(wrapper.findComponent(Detail).isVisible()).toBe(true)
+    expect(wrapper.findComponent(CertifySection).exists()).toBe(false)
+    expect(wrapper.findComponent(CourtOrderPoa).isVisible()).toBe(true)
+    expect(wrapper.findComponent(StaffPayment).isVisible()).toBe(true)
+  })
+
+  it('client view - has the correct components displaying', async () => {
+    store.stateModel.correctionInformation.type = CorrectionErrorTypes.CLIENT
+    await Vue.nextTick()
+    expect(wrapper.findComponent(YourCompanyWrapper).isVisible()).toBe(true)
+    expect(wrapper.findComponent(EntityName).isVisible()).toBe(true)
+    expect(wrapper.findComponent(AssociationType).isVisible()).toBe(true)
+    expect(wrapper.findComponent(BusinessContactInfo).isVisible()).toBe(true)
+    expect(wrapper.findComponent(Rules).isVisible()).toBe(true)
+    expect(wrapper.findComponent(Memorandum).isVisible()).toBe(true)
+    expect(wrapper.findComponent(Resolution).isVisible()).toBe(true)
+    expect(wrapper.findComponent(CompletingParty).isVisible()).toBe(true)
+    expect(wrapper.findComponent(Detail).isVisible()).toBe(true)
+    expect(wrapper.findComponent(CertifySection).isVisible()).toBe(true)
+    expect(wrapper.findComponent(CourtOrderPoa).isVisible()).toBe(true)
+    expect(wrapper.findComponent(StaffPayment).isVisible()).toBe(true)
+  })
+
+  it('isCorrectionEditing check no save or no file and pay', async () => {
+    store.stateModel.correctionInformation.type = CorrectionErrorTypes.CLIENT
+    await Vue.nextTick()
+
+    expect(store.stateModel.editingFlags.associationType).toBe(false)
+    expect(store.stateModel.editingFlags.rules).toBe(false)
+    expect(store.stateModel.editingFlags.memorandum).toBe(false)
+    expect(store.stateModel.editingFlags.specialResolution).toBe(false)
+    expect(store.isCorrectionEditing).toBe(false)
+
+    await wrapper.find('#btn-edit-association-type').trigger('click')
+    expect(store.stateModel.editingFlags.associationType).toBe(true)
+    await wrapper.find('#btn-change-rules').trigger('click')
+    expect(store.stateModel.editingFlags.rules).toBe(true)
+    await wrapper.find('#btn-change-memorandum').trigger('click')
+    expect(store.stateModel.editingFlags.memorandum).toBe(true)
+    await wrapper.find('#btn-change-resolution').trigger('click')
+    expect(store.stateModel.editingFlags.specialResolution).toBe(true)
+    // These editing flags plus more make up isCorrectionEditing
+    // This property is used to disable the save and file and pay buttons.
+    expect(store.isCorrectionEditing).toBe(true)
+  })
+
+  it('isCorrectionValid and hasCorrectionDataChanged', async () => {
+    store.stateModel.correctionInformation.type = CorrectionErrorTypes.CLIENT
+    await Vue.nextTick()
+
+    expect(store.getFlagsCompanyInfo.isValidAssociationType).toBe(true)
+    expect(store.getFlagsCompanyInfo.isValidRules).toBe(true)
+    expect(store.getFlagsCompanyInfo.isValidMemorandum).toBe(true)
+    expect(store.getFlagsCompanyInfo.isValidSpecialResolution).toBe(true)
+    expect(store.getFlagsCompanyInfo.isValidSpecialResolutionSignature).toBe(true)
+
+    // Non edit fields.
+    expect(store.getFlagsReviewCertify.isValidDetailComment).toBe(false)
+    expect(store.getFlagsReviewCertify.isValidCertify).toBe(false)
+
+    // These validation flags plus more make up isCorrectionValid
+    // This property is used enable/disable the file and pay button.
+    expect(store.isCorrectionValid).toBe(false)
+    expect(store.hasCorrectionDataChanged).toBe(false)
+
+    store.stateModel.nameRequest.legalName = 'SUPER SUPER COOP 2'
+    expect(store.hasBusinessNameChanged).toBe(true)
+    store.stateModel.businessInformation.associationType = CoopTypes.ORDINARY_COOPERATIVE
+    expect(store.hasAssociationTypeChanged).toBe(true)
+    store.stateModel.memorandum.includedInResolution = true
+    expect(store.hasSpecialResolutionMemorandumChanged).toBe(true)
+    store.stateModel.rules.includedInResolution = true
+    expect(store.hasSpecialResolutionRulesChanged).toBe(true)
+    store.stateModel.specialResolution.resolution = 'NEW RESOLUTION'
+    expect(store.hasSpecialResolutionResolutionChanged).toBe(true)
+    // These change flags make up hasCorrectionDataChanged
+    // This property is used to enable/disable the file and pay button.
+    expect(store.hasCorrectionDataChanged).toBe(true)
+  })
+})
diff --git a/tests/unit/CorpCorrection.spec.ts b/tests/unit/CorpCorrection.spec.ts
index 1e954a8a2..56d5498af 100644
--- a/tests/unit/CorpCorrection.spec.ts
+++ b/tests/unit/CorpCorrection.spec.ts
@@ -15,7 +15,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { AccountTypes, ActionTypes, CorpTypeCd, FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/CorrectBusinessType.spec.ts b/tests/unit/CorrectBusinessType.spec.ts
index f5ba9e900..ae19ed50f 100644
--- a/tests/unit/CorrectBusinessType.spec.ts
+++ b/tests/unit/CorrectBusinessType.spec.ts
@@ -7,7 +7,6 @@ import { useStore } from '@/store/store'
 import { FilingTypes } from '@bcrs-shared-components/enums'
 import { CorpTypeCd as CorpTypeModuleCd } from '@bcrs-shared-components/corp-type-module'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/CorrectCompanyName.spec.ts b/tests/unit/CorrectCompanyName.spec.ts
index 4a49731dd..0a1173e26 100644
--- a/tests/unit/CorrectCompanyName.spec.ts
+++ b/tests/unit/CorrectCompanyName.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import flushPromises from 'flush-promises'
 import { mount, Wrapper } from '@vue/test-utils'
@@ -6,7 +5,6 @@ import CorrectCompanyName from '@/components/common/YourCompany/CorrectName/Corr
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/CorrectName.spec.ts b/tests/unit/CorrectName.spec.ts
index a8b49b088..94974c046 100644
--- a/tests/unit/CorrectName.spec.ts
+++ b/tests/unit/CorrectName.spec.ts
@@ -6,7 +6,6 @@ import CorrectCompanyName from '@/components/common/YourCompany/CorrectName/Corr
 import CorrectNameRequest from '@/components/common/YourCompany/CorrectName/CorrectNameRequest.vue'
 import CorrectNameToNumber from '@/components/common/YourCompany/CorrectName/CorrectNameToNumber.vue'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 describe('Correct Name component', () => {
diff --git a/tests/unit/CorrectNameRequest.spec.ts b/tests/unit/CorrectNameRequest.spec.ts
index 87dd1c337..c7859efb3 100644
--- a/tests/unit/CorrectNameRequest.spec.ts
+++ b/tests/unit/CorrectNameRequest.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { AxiosInstance as axios } from '@/utils/'
 import sinon from 'sinon'
@@ -12,7 +11,6 @@ import { CorpTypeCd } from '@/enums'
 // mock the console.warn function to hide "[Vuetify] Unable to locate target XXX"
 console.warn = jest.fn()
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/CorrectNameToNumber.spec.ts b/tests/unit/CorrectNameToNumber.spec.ts
index 5a73a4164..cd81202d2 100644
--- a/tests/unit/CorrectNameToNumber.spec.ts
+++ b/tests/unit/CorrectNameToNumber.spec.ts
@@ -7,7 +7,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/CourtOrderPoa.spec.ts b/tests/unit/CourtOrderPoa.spec.ts
index 4eee0d96f..0bb225442 100644
--- a/tests/unit/CourtOrderPoa.spec.ts
+++ b/tests/unit/CourtOrderPoa.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { Wrapper, mount } from '@vue/test-utils'
 import CourtOrderPoa from '@/components/common/CourtOrderPoa.vue'
@@ -6,7 +5,6 @@ import { CourtOrderPoa as CourtOrderPoaShared } from '@bcrs-shared-components/co
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/Detail.spec.ts b/tests/unit/Detail.spec.ts
index 4f7a5b2d0..f765e4eaf 100644
--- a/tests/unit/Detail.spec.ts
+++ b/tests/unit/Detail.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { Wrapper, mount } from '@vue/test-utils'
 import Detail from '@/components/common/Detail.vue'
@@ -6,7 +5,6 @@ import { DetailComment as DetailCommentShared } from '@bcrs-shared-components/de
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/DocumentDelivery.spec.ts b/tests/unit/DocumentDelivery.spec.ts
index 66ae6165d..1b84997cf 100644
--- a/tests/unit/DocumentDelivery.spec.ts
+++ b/tests/unit/DocumentDelivery.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { mount, Wrapper } from '@vue/test-utils'
 import DocumentsDelivery from '@/components/common/DocumentsDelivery.vue'
@@ -6,7 +5,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/EffectiveDateTime.spec.ts b/tests/unit/EffectiveDateTime.spec.ts
index 95d5e099b..39dbf7e3c 100644
--- a/tests/unit/EffectiveDateTime.spec.ts
+++ b/tests/unit/EffectiveDateTime.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { mount, Wrapper } from '@vue/test-utils'
 import EffectiveDateTime from '@/components/common/EffectiveDateTime.vue'
@@ -6,7 +5,6 @@ import flushPromises from 'flush-promises'
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/EntityInfo.spec.ts b/tests/unit/EntityInfo.spec.ts
index da61103be..787762271 100644
--- a/tests/unit/EntityInfo.spec.ts
+++ b/tests/unit/EntityInfo.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { createLocalVue, mount } from '@vue/test-utils'
 import EntityInfo from '@/components/common/EntityInfo.vue'
@@ -7,7 +6,6 @@ import VueRouter from 'vue-router'
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/EntityName.spec.ts b/tests/unit/EntityName.spec.ts
index ab228a9ea..90d6035a6 100644
--- a/tests/unit/EntityName.spec.ts
+++ b/tests/unit/EntityName.spec.ts
@@ -29,7 +29,6 @@ import { CorrectNameOptions, FilingTypes, NrRequestActionCodes } from '@bcrs-sha
 import { CorpTypeCd } from '@bcrs-shared-components/corp-type-module'
 import { NameRequestStates } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/ErrorContact.spec.ts b/tests/unit/ErrorContact.spec.ts
index b9faf56f9..f59486a32 100644
--- a/tests/unit/ErrorContact.spec.ts
+++ b/tests/unit/ErrorContact.spec.ts
@@ -1,9 +1,7 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { mount } from '@vue/test-utils'
 import ErrorContact from '@/components/common/ErrorContact.vue'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 describe('Error Contact component', () => {
diff --git a/tests/unit/ExtendTimeLimit.spec.ts b/tests/unit/ExtendTimeLimit.spec.ts
index 75ee01ed2..139df38d8 100644
--- a/tests/unit/ExtendTimeLimit.spec.ts
+++ b/tests/unit/ExtendTimeLimit.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { mount } from '@vue/test-utils'
 import ExtendTimeLimit from '@/components/Restoration/ExtendTimeLimit.vue'
@@ -6,7 +5,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { ApprovalTypes } from '@bcrs-shared-components/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/FetchErrorDialog.spec.ts b/tests/unit/FetchErrorDialog.spec.ts
index 9ee6f7036..ccf141ef0 100644
--- a/tests/unit/FetchErrorDialog.spec.ts
+++ b/tests/unit/FetchErrorDialog.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { shallowMount, mount } from '@vue/test-utils'
 import FetchErrorDialog from '@/dialogs/FetchErrorDialog.vue'
@@ -6,7 +5,6 @@ import ErrorContact from '@/components/common/ErrorContact.vue'
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/FileAndPayInvalidNameRequestDialog.spec.ts b/tests/unit/FileAndPayInvalidNameRequestDialog.spec.ts
index 4bfe03456..2c49e2731 100644
--- a/tests/unit/FileAndPayInvalidNameRequestDialog.spec.ts
+++ b/tests/unit/FileAndPayInvalidNameRequestDialog.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { shallowMount } from '@vue/test-utils'
 import FileAndPayInvalidNameRequestDialog from '@/dialogs/FileAndPayInvalidNameRequestDialog.vue'
@@ -6,7 +5,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd as CorpTypeModuleCd } from '@bcrs-shared-components/corp-type-module'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/FirmCorrection.spec.ts b/tests/unit/FirmCorrection.spec.ts
index 17bdb7b3f..514feed43 100644
--- a/tests/unit/FirmCorrection.spec.ts
+++ b/tests/unit/FirmCorrection.spec.ts
@@ -15,7 +15,6 @@ import { useStore } from '@/store/store'
 import { CorpTypeCd } from '@bcrs-shared-components/corp-type-module'
 import { ActionTypes, FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/FolioInformation.spec.ts b/tests/unit/FolioInformation.spec.ts
index 84be771c2..c305ef30f 100644
--- a/tests/unit/FolioInformation.spec.ts
+++ b/tests/unit/FolioInformation.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import sinon from 'sinon'
 import { mount } from '@vue/test-utils'
@@ -10,7 +9,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/InstructionalText.spec.ts b/tests/unit/InstructionalText.spec.ts
index 267e45b32..ca0d28a40 100644
--- a/tests/unit/InstructionalText.spec.ts
+++ b/tests/unit/InstructionalText.spec.ts
@@ -1,15 +1,24 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { mount, shallowMount } from '@vue/test-utils'
 import InstructionalText from '@/components/SpecialResolution/InstructionalText.vue'
 import { VTooltip } from 'vuetify/lib'
+import { createPinia, setActivePinia } from 'pinia'
+import { FilingTypes } from '@/enums'
+import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
+// Uses the store for the component.
+setActivePinia(createPinia())
+const store = useStore()
+
 describe('InstructionalText', () => {
   let wrapper
 
+  beforeEach(() => {
+    store.stateModel.tombstone.filingType = FilingTypes.SPECIAL_RESOLUTION
+  })
+
   afterEach(() => {
     wrapper.destroy()
   })
diff --git a/tests/unit/LimitedRestorationExtension.spec.ts b/tests/unit/LimitedRestorationExtension.spec.ts
index 1b7874644..e228498da 100644
--- a/tests/unit/LimitedRestorationExtension.spec.ts
+++ b/tests/unit/LimitedRestorationExtension.spec.ts
@@ -18,7 +18,6 @@ import { FilingTypes } from '@/enums'
 import { EntityName, FolioInformation, NameTranslation, OfficeAddresses, RecognitionDateTime,
   YourCompanyWrapper } from '@/components/common'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/LimitedRestorationToFull.spec.ts b/tests/unit/LimitedRestorationToFull.spec.ts
index 7debb6f32..c813aef9e 100644
--- a/tests/unit/LimitedRestorationToFull.spec.ts
+++ b/tests/unit/LimitedRestorationToFull.spec.ts
@@ -17,7 +17,6 @@ import { useStore } from '@/store/store'
 import { BusinessContactInfo, EntityName, FolioInformation, NameTranslation, OfficeAddresses, RecognitionDateTime,
   YourCompanyWrapper } from '@/components/common'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 // mock data
diff --git a/tests/unit/ListNameTranslations.spec.ts b/tests/unit/ListNameTranslations.spec.ts
index 6e0a92a55..e07cece47 100644
--- a/tests/unit/ListNameTranslations.spec.ts
+++ b/tests/unit/ListNameTranslations.spec.ts
@@ -8,7 +8,6 @@ import { NameTranslationIF } from '@/interfaces/store-interfaces/state-interface
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/ListPeopleAndRoles.spec.ts b/tests/unit/ListPeopleAndRoles.spec.ts
index 03aa10408..5c8873718 100644
--- a/tests/unit/ListPeopleAndRoles.spec.ts
+++ b/tests/unit/ListPeopleAndRoles.spec.ts
@@ -1,5 +1,3 @@
-import Vue from 'vue'
-import Vuelidate from 'vuelidate'
 import Vuetify from 'vuetify'
 import { mount } from '@vue/test-utils'
 import ListPeopleAndRoles from '@/components/common/PeopleAndRoles/ListPeopleAndRoles.vue'
@@ -9,12 +7,8 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd, FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
-// needed for address component
-Vue.use(Vuelidate)
-
 setActivePinia(createPinia())
 const store = useStore()
 
diff --git a/tests/unit/Memorandum.spec.ts b/tests/unit/Memorandum.spec.ts
index a084cc6d5..bd63634c4 100644
--- a/tests/unit/Memorandum.spec.ts
+++ b/tests/unit/Memorandum.spec.ts
@@ -6,7 +6,6 @@ import { mount } from '@vue/test-utils'
 import Memorandum from '@/components/SpecialResolution/Memorandum.vue'
 import flushPromises from 'flush-promises'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/NameRequestErrorDialog.spec.ts b/tests/unit/NameRequestErrorDialog.spec.ts
index 659bb31e7..06a2ae0d5 100644
--- a/tests/unit/NameRequestErrorDialog.spec.ts
+++ b/tests/unit/NameRequestErrorDialog.spec.ts
@@ -3,7 +3,6 @@ import Vuetify from 'vuetify'
 import { mount } from '@vue/test-utils'
 import NameRequestErrorDialog from '@/dialogs/NameRequestErrorDialog.vue'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 // Prevent the warning "[Vuetify] Unable to locate target [data-app]"
diff --git a/tests/unit/NameTranslation.spec.ts b/tests/unit/NameTranslation.spec.ts
index 411502e36..7ab165ad9 100644
--- a/tests/unit/NameTranslation.spec.ts
+++ b/tests/unit/NameTranslation.spec.ts
@@ -7,7 +7,6 @@ import NameTranslation from '@/components/common/YourCompany/NameTranslations/Na
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/OfficeAddresses.spec.ts b/tests/unit/OfficeAddresses.spec.ts
index 71f28e16f..06e5100b6 100644
--- a/tests/unit/OfficeAddresses.spec.ts
+++ b/tests/unit/OfficeAddresses.spec.ts
@@ -1,5 +1,4 @@
 import Vue from 'vue'
-import Vuelidate from 'vuelidate'
 import Vuetify from 'vuetify'
 import { mount } from '@vue/test-utils'
 import OfficeAddresses from '@/components/common/YourCompany/OfficeAddresses.vue'
@@ -12,12 +11,8 @@ import { CorpTypeCd, FilingTypes } from '@/enums'
 // mock the console.warn function to hide "[Vuetify] Unable to locate target XXX"
 console.warn = jest.fn()
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
-// needed for address component
-Vue.use(Vuelidate)
-
 setActivePinia(createPinia())
 const store = useStore()
 
diff --git a/tests/unit/OrgPerson.spec.ts b/tests/unit/OrgPerson.spec.ts
index 3c5a2af72..56b895401 100644
--- a/tests/unit/OrgPerson.spec.ts
+++ b/tests/unit/OrgPerson.spec.ts
@@ -1,6 +1,5 @@
 import Vue from 'vue'
 import Vuetify from 'vuetify'
-import Vuelidate from 'vuelidate'
 import { mount, Wrapper } from '@vue/test-utils'
 import OrgPerson from '@/components/common/PeopleAndRoles/OrgPerson.vue'
 import { BenCorrectionResource } from '@/resources/Correction/BEN'
@@ -16,12 +15,8 @@ console.warn = jest.fn()
 // Prevent the warning "[Vuetify] Unable to locate target [data-app]"
 document.body.setAttribute('data-app', 'true')
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
-// needed for address component
-Vue.use(Vuelidate)
-
 setActivePinia(createPinia())
 const store = useStore()
 
diff --git a/tests/unit/PaymentErrorDialog.spec.ts b/tests/unit/PaymentErrorDialog.spec.ts
index d1b7d39ba..966273ad9 100644
--- a/tests/unit/PaymentErrorDialog.spec.ts
+++ b/tests/unit/PaymentErrorDialog.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { shallowMount, mount } from '@vue/test-utils'
 import PaymentErrorDialog from '@/dialogs/PaymentErrorDialog.vue'
@@ -6,7 +5,6 @@ import ErrorContact from '@/components/common/ErrorContact.vue'
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/PeopleAndRoles.spec.ts b/tests/unit/PeopleAndRoles.spec.ts
index 12e84e947..5e7a4b77f 100644
--- a/tests/unit/PeopleAndRoles.spec.ts
+++ b/tests/unit/PeopleAndRoles.spec.ts
@@ -1,5 +1,3 @@
-import Vue from 'vue'
-import Vuelidate from 'vuelidate'
 import Vuetify from 'vuetify'
 import { GpChangeResource } from '@/resources/Change/GP'
 import { BenCorrectionResource } from '@/resources/Correction/BEN'
@@ -12,12 +10,8 @@ import { ActionTypes, CorpTypeCd, FilingTypes } from '@/enums'
 // mock the console.warn function to hide "[Vuetify] Unable to locate target XXX"
 console.warn = jest.fn()
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
-// needed for address component
-Vue.use(Vuelidate)
-
 setActivePinia(createPinia())
 const store = useStore()
 
diff --git a/tests/unit/CreateSpecialResolution.spec.ts b/tests/unit/Resolution.spec.ts
similarity index 60%
rename from tests/unit/CreateSpecialResolution.spec.ts
rename to tests/unit/Resolution.spec.ts
index 4565fd6ac..e21ffd5e3 100644
--- a/tests/unit/CreateSpecialResolution.spec.ts
+++ b/tests/unit/Resolution.spec.ts
@@ -1,28 +1,18 @@
 import Vue from 'vue'
 import Vuetify from 'vuetify'
-import { TiptapVuetifyPlugin } from 'tiptap-vuetify'
 import { mount } from '@vue/test-utils'
-import CreateSpecialResolution from '@/components/SpecialResolution/CreateSpecialResolution.vue'
+import Resolution from '@/components/SpecialResolution/Resolution.vue'
 import { CpSpecialResolutionResource } from '@/resources/SpecialResolution/CP'
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
-import { CorpTypeCd } from '@/enums'
+import { CorpTypeCd, FilingTypes } from '@/enums'
 import {
-  HelpSpecialResolution, InstructionalText, ResolutionEditor, SigningParty
+  HelpResolution, InstructionalText, ResolutionEditor, SigningParty
 } from '@/components/SpecialResolution'
 import flushPromises from 'flush-promises'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
-// For Vue 3: remove - consult assets team for a replacement.
-Vue.use(TiptapVuetifyPlugin, {
-  // the next line is important! You need to provide the Vuetify Object to this place.
-  vuetify, // same as "vuetify: vuetify"
-  // optional, default to 'md' (default vuetify icons before v2.0.0)
-  iconsGroup: 'mdi'
-})
-
 setActivePinia(createPinia())
 const store = useStore()
 
@@ -37,11 +27,11 @@ describe('Special Resolution Form component', () => {
       legalType: 'CP'
     }
   }
-
-  beforeAll(() => {
+  beforeEach(() => {
     // init store
     store.stateModel.currentJsDate = new Date('2020-03-01T16:30:00Z')
     store.stateModel.tombstone.currentDate = '2030-03-01'
+    store.stateModel.tombstone.filingType = FilingTypes.SPECIAL_RESOLUTION
     store.stateModel.entitySnapshot = entitySnapshot as any
     store.stateModel.specialResolution = {
       resolution: '<p> heyhey </p> ',
@@ -52,10 +42,6 @@ describe('Special Resolution Form component', () => {
         familyName: 't'
       }
     }
-  })
-
-  beforeEach(() => {
-    // Set Original business Data
     store.resourceModel = CpSpecialResolutionResource
     store.stateModel.nameRequest.legalName = entitySnapshot.businessInfo.legalName
     store.stateModel.tombstone.entityType = entitySnapshot.businessInfo.legalType as CorpTypeCd
@@ -63,7 +49,7 @@ describe('Special Resolution Form component', () => {
     store.stateModel.rules = {}
     store.stateModel.memorandum = {}
     store.stateModel.entitySnapshot = null
-    wrapper = mount(CreateSpecialResolution, { vuetify })
+    wrapper = mount(Resolution, { vuetify })
   })
 
   afterEach(() => {
@@ -71,9 +57,9 @@ describe('Special Resolution Form component', () => {
   })
 
   it('renders the components', async () => {
-    expect(wrapper.findComponent(CreateSpecialResolution).exists()).toBe(true)
+    expect(wrapper.findComponent(Resolution).exists()).toBe(true)
     expect(wrapper.findComponent(InstructionalText).exists()).toBe(true)
-    expect(wrapper.findComponent(HelpSpecialResolution).exists()).toBe(true)
+    expect(wrapper.findComponent(HelpResolution).exists()).toBe(true)
     expect(wrapper.findComponent(ResolutionEditor).exists()).toBe(true)
     expect(wrapper.findComponent(SigningParty).exists()).toBe(true)
   })
@@ -107,10 +93,10 @@ describe('Special Resolution Form component', () => {
   })
 
   it('renders the Special Resolution form  component with invalid styling', async () => {
-    expect(wrapper.find('#create-special-resolution .invalid-section').exists()).toBeFalsy()
+    expect(wrapper.find('#resolution .invalid-section').exists()).toBeFalsy()
     await store.setSpecialResolutionValid(false)
     await store.setSpecialResolutionSignatureValid(false)
-    expect(wrapper.find('#create-special-resolution .invalid-section').exists()).toBeTruthy()
+    expect(wrapper.find('#resolution .invalid-section').exists()).toBeTruthy()
   })
 
   it('validation - signatory date should be after or on resolution date', async () => {
@@ -124,7 +110,7 @@ describe('Special Resolution Form component', () => {
       signingDate: '2024-01-01'
     }
     await Vue.nextTick()
-    wrapper = mount(CreateSpecialResolution, { vuetify })
+    wrapper = mount(Resolution, { vuetify })
     store.stateModel.validationFlags.componentValidate = true
     await flushPromises()
 
@@ -132,4 +118,57 @@ describe('Special Resolution Form component', () => {
     expect(store.stateModel.validationFlags.flagsCompanyInfo.isValidSpecialResolutionSignature).toBe(false)
     expect(store.stateModel.validationFlags.flagsCompanyInfo.isValidSpecialResolution).toBe(false)
   })
+
+  it('test isEditing and isCoopCorrectionFiling', async () => {
+    // Ensure the change button doesn't exist for special resolution.
+    store.stateModel.tombstone.entityType = CorpTypeCd.COOP
+    store.stateModel.tombstone.filingType = FilingTypes.SPECIAL_RESOLUTION
+    await Vue.nextTick()
+    expect(wrapper.find('#btn-change-resolution').exists()).toBe(false)
+
+    // Ensure the change button exists for correction.
+    store.stateModel.tombstone.filingType = FilingTypes.CORRECTION
+    await Vue.nextTick()
+    await wrapper.find('#btn-change-resolution').trigger('click')
+    expect(wrapper.vm.isEditing).toBe(true)
+    expect(wrapper.vm.hasChanged).toBe(false)
+    await Vue.nextTick()
+
+    await wrapper.find('#btn-resolution-cancel').trigger('click')
+
+    expect(wrapper.vm.hasChanged).toBe(false)
+  })
+
+  it('(correction) toggle edit, should be able to submit right away - without validation error', async () => {
+    store.stateModel.tombstone.entityType = CorpTypeCd.COOP
+    store.stateModel.tombstone.filingType = FilingTypes.CORRECTION
+
+    await Vue.nextTick()
+    await wrapper.find('#btn-change-resolution').trigger('click')
+    await wrapper.vm.updateSpecialResolutionStore()
+    await Vue.nextTick()
+    expect(wrapper.vm.hasChanged).toBe(true)
+    expect(wrapper.find('#btn-resolution-undo').exists()).toBe(true)
+  })
+
+  it('(non correction) normal special resolution ', async () => {
+    store.stateModel.tombstone.entityType = CorpTypeCd.COOP
+    store.stateModel.tombstone.filingType = FilingTypes.SPECIAL_RESOLUTION
+    store.stateModel.entitySnapshot = entitySnapshot as any
+    store.stateModel.specialResolution = {
+      resolution: '<p> heyhey </p> ',
+      resolutionDate: '2022-03-01',
+      signingDate: '2024-01-01',
+      signatory: {
+        givenName: 't',
+        familyName: 't'
+      }
+    }
+    await Vue.nextTick()
+    // No change button needed.
+    await wrapper.vm.updateSpecialResolutionStore()
+    await Vue.nextTick()
+    expect(wrapper.vm.hasChanged).toBe(true)
+    expect(wrapper.find('#btn-resolution-undo').exists()).toBe(false)
+  })
 })
diff --git a/tests/unit/ResolutionDates.spec.ts b/tests/unit/ResolutionDates.spec.ts
index 0193d5722..949312450 100644
--- a/tests/unit/ResolutionDates.spec.ts
+++ b/tests/unit/ResolutionDates.spec.ts
@@ -6,7 +6,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd, FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/ResolutionEditor.spec.ts b/tests/unit/ResolutionEditor.spec.ts
index 79d29560b..2f1abf4b3 100644
--- a/tests/unit/ResolutionEditor.spec.ts
+++ b/tests/unit/ResolutionEditor.spec.ts
@@ -1,23 +1,13 @@
 import Vue from 'vue'
-import Vuetify from 'vuetify'
-import { TiptapVuetifyPlugin } from 'tiptap-vuetify'
 import { createPinia, setActivePinia } from 'pinia'
 import { mount } from '@vue/test-utils'
 import ResolutionEditor from '@/components/SpecialResolution/ResolutionEditor.vue'
 import { DatePicker as DatePickerShared } from '@bcrs-shared-components/date-picker/'
 import { useStore } from '@/store/store'
+import Vuetify from 'vuetify/lib'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
-// For Vue 3: remove - consult assets team for a replacement.
-Vue.use(TiptapVuetifyPlugin, {
-  // the next line is important! You need to provide the Vuetify Object to this place.
-  vuetify, // same as "vuetify: vuetify"
-  // optional, default to 'md' (default vuetify icons before v2.0.0)
-  iconsGroup: 'mdi'
-})
-
 setActivePinia(createPinia())
 const store = useStore()
 
@@ -37,6 +27,8 @@ describe('ResolutionEditor', () => {
   })
 
   it('sets the resolution date', async () => {
+    // This shows datepicker component
+    await wrapper.setProps({ isEditing: true })
     const resolutionDatePickerRef = wrapper.vm.$refs.resolutionDatePickerRef
     const resolutionDate = '2023-05-08'
     resolutionDatePickerRef.$emit('emitDate', resolutionDate)
@@ -45,6 +37,8 @@ describe('ResolutionEditor', () => {
   })
 
   it('validates the form when required fields are filled', async () => {
+    // This shows datepicker component
+    await wrapper.setProps({ isEditing: true })
     store.stateModel.tombstone.currentDate = '2020-05-07'
     store.stateModel.businessInformation.foundingDate = '2020-01-01'
     expect(store.getValidationFlags.flagsCompanyInfo.isValidSpecialResolution).toBe(true)
@@ -65,5 +59,30 @@ describe('ResolutionEditor', () => {
     expect(store.getValidationFlags.flagsCompanyInfo.isValidSpecialResolution).toBe(true)
   })
 
+  it('undo and save to store works as expected', async () => {
+    const firstResolution = '<b>Resolution text</b>'
+    const firstResolutionDateText = '2025-01-01'
+    wrapper.setData({ resolution: firstResolution, resolutionDateText: firstResolutionDateText })
+
+    // This should save the local component state.
+    await wrapper.setProps({ isEditing: true })
+
+    const secondResolution = '<b> Second resolution text </b>'
+    const secondResolutionDateText = '2022-01-01'
+
+    wrapper.setData({ resolution: secondResolution, resolutionDateText: secondResolutionDateText })
+
+    await Vue.nextTick()
+
+    // Called by parent component via ref
+    await wrapper.vm.saveToStore()
+    expect(store.getSpecialResolution.resolution).toEqual(secondResolution)
+    expect(store.getSpecialResolution.resolutionDate).toEqual(secondResolutionDateText)
+
+    // Called by parent component via ref
+    await wrapper.vm.undoToStore()
+    expect(store.getSpecialResolution.resolution).toEqual(firstResolution)
+    expect(store.getSpecialResolution.resolutionDate).toEqual(firstResolutionDateText)
+  })
   // No unit test for Vuetify Tiptap editor, it will be scrapped soon. Not our job to test external components.
 })
diff --git a/tests/unit/CreateSpecialResolutionSummary.spec.ts b/tests/unit/ResolutionSummary.spec.ts
similarity index 88%
rename from tests/unit/CreateSpecialResolutionSummary.spec.ts
rename to tests/unit/ResolutionSummary.spec.ts
index 20d68bf77..545b69df5 100644
--- a/tests/unit/CreateSpecialResolutionSummary.spec.ts
+++ b/tests/unit/ResolutionSummary.spec.ts
@@ -1,15 +1,11 @@
 import Vue from 'vue'
 import Vuetify from 'vuetify'
-import VSanitize from 'v-sanitize'
 import { shallowMount } from '@vue/test-utils'
-import CreateSpecialResolutionSummary from '@/components/SpecialResolution/CreateSpecialResolutionSummary.vue'
+import ResolutionSummary from '@/components/SpecialResolution/ResolutionSummary.vue'
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd } from '@/enums'
 
-Vue.use(Vuetify)
-Vue.use(VSanitize)
-
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
@@ -49,7 +45,7 @@ describe('Special Resolution Summary component', () => {
     store.stateModel.tombstone.entityType = entitySnapshot.businessInfo.legalType as CorpTypeCd
     store.stateModel.summaryMode = false
 
-    wrapper = shallowMount(CreateSpecialResolutionSummary, { vuetify })
+    wrapper = shallowMount(ResolutionSummary, { vuetify })
   })
 
   afterEach(() => {
@@ -57,7 +53,7 @@ describe('Special Resolution Summary component', () => {
   })
 
   it('renders the components', async () => {
-    expect(wrapper.findComponent(CreateSpecialResolutionSummary).exists()).toBe(true)
+    expect(wrapper.findComponent(ResolutionSummary).exists()).toBe(true)
   })
 
   it('renders the Resolution label', async () => {
diff --git a/tests/unit/RestorationSummary.spec.ts b/tests/unit/RestorationSummary.spec.ts
index 82b28e714..b4b0a82c1 100644
--- a/tests/unit/RestorationSummary.spec.ts
+++ b/tests/unit/RestorationSummary.spec.ts
@@ -11,7 +11,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/Rules.spec.ts b/tests/unit/Rules.spec.ts
index c1fb1b800..35f03a68c 100644
--- a/tests/unit/Rules.spec.ts
+++ b/tests/unit/Rules.spec.ts
@@ -6,7 +6,6 @@ import { mount } from '@vue/test-utils'
 import Rules from '@/components/SpecialResolution/Rules.vue'
 import UploadRules from '@/components/SpecialResolution/UploadRules.vue'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/SaveErrorDialog.spec.ts b/tests/unit/SaveErrorDialog.spec.ts
index 409ef43b5..58189c5a6 100644
--- a/tests/unit/SaveErrorDialog.spec.ts
+++ b/tests/unit/SaveErrorDialog.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { shallowMount, mount } from '@vue/test-utils'
 import SaveErrorDialog from '@/dialogs/SaveErrorDialog.vue'
@@ -6,7 +5,6 @@ import ErrorContact from '@/components/common/ErrorContact.vue'
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/ShareStructures.spec.ts b/tests/unit/ShareStructures.spec.ts
index c34284eea..fe8a40264 100644
--- a/tests/unit/ShareStructures.spec.ts
+++ b/tests/unit/ShareStructures.spec.ts
@@ -5,7 +5,6 @@ import ShareStructures from '@/components/common/ShareStructure/ShareStructures.
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/SigningParty.spec.ts b/tests/unit/SigningParty.spec.ts
index 0ee198c7b..17e6a3212 100644
--- a/tests/unit/SigningParty.spec.ts
+++ b/tests/unit/SigningParty.spec.ts
@@ -3,12 +3,13 @@ import Vuetify from 'vuetify'
 import { createPinia, setActivePinia } from 'pinia'
 import { mount } from '@vue/test-utils'
 import SigningParty from '@/components/SpecialResolution/SigningParty.vue'
+import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 // Store required for component, although not read or modified in unit test.
 setActivePinia(createPinia())
+const store = useStore()
 
 describe('SigningParty', () => {
   let wrapper
@@ -34,6 +35,7 @@ describe('SigningParty', () => {
     const date = '2023-05-08'
     await wrapper.vm.onSigningDate(date)
     expect(wrapper.vm.signingDate).toBe(date)
+    await wrapper.vm.saveToStore()
     expect(wrapper.vm.getSpecialResolution.signingDate).toBe(date)
   })
 
@@ -68,4 +70,39 @@ describe('SigningParty', () => {
 
     expect(wrapper.vm.setSpecialResolutionSignatureValid).toHaveBeenCalledWith(true)
   })
+
+  it('Undo and save to store works as expected', async () => {
+    // Fire isEditing / Save to store / undo to store
+    const firstSignatoryDate = '2021-05-05'
+    const firstSignatory = {
+      givenName: 'John',
+      familyName: 'Doe',
+      additionalName: 'Smith'
+    }
+    wrapper.setData({ signatory: firstSignatory, signingDate: firstSignatoryDate })
+
+    // This should save the local component state.
+    await wrapper.setProps({ isEditing: true })
+
+    const secondSignatory = {
+      givenName: 'John2',
+      familyName: 'Doe2',
+      additionalName: 'Smith2'
+    }
+    const secondSignatoryDate = '2025-05-05'
+
+    wrapper.setData({ signatory: secondSignatory, signingDate: secondSignatoryDate })
+
+    await Vue.nextTick()
+
+    // Called by parent component Resolution via ref
+    await wrapper.vm.saveToStore()
+    expect(store.getSpecialResolution.signatory).toEqual(secondSignatory)
+    expect(store.getSpecialResolution.signingDate).toEqual(secondSignatoryDate)
+
+    // Called by parent component Resolution via ref
+    await wrapper.vm.undoToStore()
+    expect(store.getSpecialResolution.signatory).toEqual(firstSignatory)
+    expect(store.getSpecialResolution.signingDate).toEqual(firstSignatoryDate)
+  })
 })
diff --git a/tests/unit/SpecialResolution.spec.ts b/tests/unit/SpecialResolution.spec.ts
index 49b4234c1..93843b300 100644
--- a/tests/unit/SpecialResolution.spec.ts
+++ b/tests/unit/SpecialResolution.spec.ts
@@ -15,7 +15,6 @@ import { AssociationType, BusinessContactInfo, BusinessType, EntityName, FolioIn
 import { Memorandum, Rules } from '@/components/SpecialResolution'
 import { LegalServices } from '@/services'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/SpecialResolutionSummary.spec.ts b/tests/unit/SpecialResolutionSummary.spec.ts
index cdb21027e..8eee00bb1 100644
--- a/tests/unit/SpecialResolutionSummary.spec.ts
+++ b/tests/unit/SpecialResolutionSummary.spec.ts
@@ -5,10 +5,7 @@ import { mount } from '@vue/test-utils'
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CoopTypes } from '@/enums'
-import VSanitize from 'v-sanitize'
 
-Vue.use(Vuetify)
-Vue.use(VSanitize)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/StaffPaymentErrorDialog.spec.ts b/tests/unit/StaffPaymentErrorDialog.spec.ts
index bdd76b739..76c4d6627 100644
--- a/tests/unit/StaffPaymentErrorDialog.spec.ts
+++ b/tests/unit/StaffPaymentErrorDialog.spec.ts
@@ -1,11 +1,9 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { shallowMount, mount } from '@vue/test-utils'
 import StaffPaymentErrorDialog from '@/dialogs/StaffPaymentErrorDialog.vue'
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/TransactionalFolioNumber.spec.ts b/tests/unit/TransactionalFolioNumber.spec.ts
index 007c8b1e4..6eae86ea8 100644
--- a/tests/unit/TransactionalFolioNumber.spec.ts
+++ b/tests/unit/TransactionalFolioNumber.spec.ts
@@ -1,11 +1,9 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { mount } from '@vue/test-utils'
 import TransactionalFolioNumber from '@/components/common/TransactionalFolioNumber.vue'
 import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/ViewWrapper.spec.ts b/tests/unit/ViewWrapper.spec.ts
index 4c06bf890..ccc106f80 100644
--- a/tests/unit/ViewWrapper.spec.ts
+++ b/tests/unit/ViewWrapper.spec.ts
@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import Vuetify from 'vuetify'
 import { shallowMount } from '@vue/test-utils'
 import ViewWrapper from '@/components/ViewWrapper.vue'
@@ -8,7 +7,6 @@ import { createPinia, setActivePinia } from 'pinia'
 import { useStore } from '@/store/store'
 import { CorpTypeCd, FilingTypes } from '@/enums'
 
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())
diff --git a/tests/unit/legal-services.spec.ts b/tests/unit/legal-services.spec.ts
index 29c99b541..67efc5686 100644
--- a/tests/unit/legal-services.spec.ts
+++ b/tests/unit/legal-services.spec.ts
@@ -1,6 +1,7 @@
 import sinon from 'sinon'
 import { AxiosInstance as axios } from '@/utils/'
 import LegalServices from '@/services/legal-services'
+import { DocumentIF } from '@/interfaces'
 
 describe('Legal Services', () => {
   let del: any
@@ -231,6 +232,53 @@ describe('Legal Services', () => {
     expect(nr).toEqual(NR)
   })
 
+  it('fetches business document correctly', async () => {
+    const BUSINESS_DOCUMENTS = {
+      'documents': {
+        'certifiedMemorandum': 'https://xxx/api/v2/businesses/CP1002552/filings/145222/documents/certifiedMemorandum',
+        'certifiedRules': 'https://xxx/api/v2/businesses/CP1002552/filings/145222/documents/certifiedRules'
+      },
+      'documentsInfo': {
+        'certifiedMemorandum': {
+          'includedInResolution': true,
+          'includedInResolutionDate': '2023-06-05T17:20:51.087429+00:00',
+          'key': 'test',
+          'name': 'CP1002552 - Certified Memorandum - 2023-05-26.pdf',
+          'uploaded': '2023-05-26T16:11:27.098606+00:00'
+        },
+        'certifiedRules': {
+          'includedInResolution': true,
+          'includedInResolutionDate': '2023-06-05T17:20:51.087429+00:00',
+          'key': '304bf897-06ef-4868-94d7-c50419cc366f.pdf',
+          'name': 'CP1002552 - Certified Rules - 2023-05-26.pdf',
+          'uploaded': '2023-05-26T16:11:27.098606+00:00'
+        }
+      }
+    }
+    get.withArgs('businesses/CP1234567/documents').returns(Promise.resolve({ data: {
+      ...BUSINESS_DOCUMENTS } }))
+    const businessDocuments = await LegalServices.fetchBusinessDocuments('CP1234567')
+    expect(businessDocuments).toEqual(BUSINESS_DOCUMENTS)
+  })
+
+  it('fetches document correctly', async () => {
+    const documentRequest: DocumentIF = {
+      title: 'hey',
+      link: 'document.link',
+      filename: 'test'
+    }
+    get.withArgs('document.link').returns(Promise.resolve({ data: '1234' }))
+    const createObjectURL = window.URL.createObjectURL
+    const revokeObjectURL = window.URL.revokeObjectURL
+    window.URL.createObjectURL = jest.fn()
+    window.URL.revokeObjectURL = jest.fn()
+    const documentResponse = await LegalServices.fetchDocument(documentRequest)
+    // Restore window object.
+    window.URL.createObjectURL = createObjectURL
+    window.URL.revokeObjectURL = revokeObjectURL
+    expect(documentResponse).toEqual({ 'data': '1234' })
+  })
+
   it('handles errors as expected', async () => {
     // mock the console.log function to suppress messages
     const log = console.log
@@ -286,6 +334,19 @@ describe('Legal Services', () => {
     get.withArgs('nameRequests/NR1234567').returns(Promise.resolve({}))
     await expect(LegalServices.fetchNameRequest('NR1234567')).rejects.toThrow('Invalid API response')
 
+    // verify fetchBusinessDocuments with no response.data
+    get.withArgs('businesses/CP1234567/documents').returns(Promise.resolve({}))
+    await expect(LegalServices.fetchBusinessDocuments('CP1234567')).rejects.toThrow('Invalid API response')
+
+    // verify fetchDocuments with no response.data
+    get.withArgs('53453453453463463').returns(Promise.resolve({}))
+    const documentRequest: DocumentIF = {
+      title: 'hey',
+      link: '53453453453463463',
+      filename: 'test'
+    }
+    await expect(LegalServices.fetchDocument(documentRequest)).rejects.toThrow('Invalid API response')
+
     // restore console.log
     console.log = log
   })
diff --git a/tests/unit/setup.ts b/tests/unit/setup.ts
new file mode 100644
index 000000000..a4e551065
--- /dev/null
+++ b/tests/unit/setup.ts
@@ -0,0 +1,30 @@
+/* This file is to provide the correct setup for the Vue instance.
+ * It can save people time when writing tests, as they wont need to figure out
+ * why some of the errors are showing up due to Vue not having the plugins it needs.
+ * See src/main.ts.
+ */
+import VSanitize from 'v-sanitize'
+import Vuelidate from 'vuelidate'
+import Vue from 'vue'
+import Affix from 'vue-affix'
+import Vue2Filters from 'vue2-filters' // needed by SbcFeeSummary
+import Vuetify from 'vuetify'
+import { TiptapVuetifyPlugin } from 'tiptap-vuetify'
+
+Vue.use(Vuetify)
+Vue.use(Affix)
+// needed for address component or Completing Party
+Vue.use(Vuelidate)
+Vue.use(Vue2Filters)
+Vue.use(VSanitize)
+
+const vuetify = new Vuetify({})
+
+// Needed for special resolution editor
+// For Vue 3: remove - consult assets team for a replacement.
+Vue.use(TiptapVuetifyPlugin, {
+  // the next line is important! You need to provide the Vuetify Object to this place.
+  vuetify, // same as "vuetify: vuetify"
+  // optional, default to 'md' (default vuetify icons before v2.0.0)
+  iconsGroup: 'mdi'
+})
diff --git a/tests/unit/state-getters.spec.ts b/tests/unit/state-getters.spec.ts
index 4c94e2275..411e12337 100644
--- a/tests/unit/state-getters.spec.ts
+++ b/tests/unit/state-getters.spec.ts
@@ -8,7 +8,6 @@ import { ActionTypes, CorpTypeCd, CorrectionErrorTypes, FilingTypes } from '@/en
 import { ApprovalTypes, RestorationTypes } from '@bcrs-shared-components/enums'
 
 // Vuetify is needed for Actions component
-Vue.use(Vuetify)
 const vuetify = new Vuetify({})
 
 setActivePinia(createPinia())