Fix stories

src/SIL.XForge.Scripture/ClientApp/src/app/checking/checking/checking-answers/checking-comments/checking-comment-form/checking-comment-form.stories.ts

@@ -4,12 +4,20 @@ import { expect } from '@storybook/jest';
 import { userEvent, within } from '@storybook/testing-library';
 import { I18nStoryModule } from 'xforge-common/i18n-story.module';
 import { UICommonModule } from 'xforge-common/ui-common.module';
+import { AttachAudioComponent } from '../../../../attach-audio/attach-audio.component';
+import { TextAndAudioComponent } from '../../../../text-and-audio/text-and-audio.component';
+import { CheckingAudioRecorderComponent } from '../../../checking-audio-recorder/checking-audio-recorder.component';
 import { CheckingCommentFormComponent } from './checking-comment-form.component';
 
 const meta: Meta<CheckingCommentFormComponent> = {
   title: 'Checking/Comments/Comment Form',
   component: CheckingCommentFormComponent,
-  decorators: [moduleMetadata({ imports: [CommonModule, UICommonModule, I18nStoryModule] })]
+  decorators: [
+    moduleMetadata({
+      imports: [CommonModule, UICommonModule, I18nStoryModule],
+      declarations: [TextAndAudioComponent, AttachAudioComponent, CheckingAudioRecorderComponent]
+    })
+  ]
 };
 export default meta;
 
@@ -24,22 +32,30 @@ export const NewForm: Story = {
 };
 
 export const EditForm: Story = {
-  args: { text: 'This is a comment' },
+  args: {
+    comment: {
+      dataId: 'c01',
+      ownerRef: 'user01',
+      text: 'This is a comment',
+      deleted: false,
+      dateCreated: '',
+      dateModified: ''
+    }
+  },
   parameters: {
     // Disabled for the same reason the story above
     chromatic: { disableSnapshot: true }
   }
 };
 
 export const InvalidForm: Story = {
-  args: { text: '' },
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
     // Only necessary because the autofocus directive has to use setTimeout
     await new Promise(resolve => setTimeout(resolve, 0));
     const saveButton: HTMLElement = canvas.getByRole('button', { name: /Save/i });
     await userEvent.click(saveButton);
-    const error: HTMLElement = canvas.getByText(/You need to enter your comment before saving/i);
+    const error: HTMLElement = canvas.getByText(/Provide text or audio before saving/i);
     expect(error).toBeInTheDocument();
   }
 };

src/SIL.XForge.Scripture/ClientApp/src/assets/i18n/checking_en.json

@@ -266,7 +266,6 @@
   },
   "checking_comment_form": {
     "cancel": "Cancel",
-    "comment_cannot_be_blank": "You need to enter your comment before saving",
     "save_comment": "Save comment",
     "your_comment": "Your comment"
   },