fix: feedback inline was initially not set and added a story for testing

Citolab · Feb 14, 2025 · d6607ea · d6607ea
1 parent 7568a84
commit d6607ea
Show file tree

Hide file tree

Showing 2 changed files with 417 additions and 1 deletion.
diff --git a/src/lib/qti-components/qti-feedback/qti-feedback-inline/qti-feedback-inline.ts b/src/lib/qti-components/qti-feedback/qti-feedback-inline/qti-feedback-inline.ts
@@ -1,8 +1,11 @@
 import { css, html } from 'lit';
 import { customElement } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
 
 import { QtiFeedback } from '../qti-feedback';
 
+import type { PropertyValueMap } from 'lit';
+
 @customElement('qti-feedback-inline')
 export class QtiFeedbackInline extends QtiFeedback {
   static override styles = css`
@@ -14,7 +17,11 @@ export class QtiFeedbackInline extends QtiFeedback {
     }
   `;
 
-  override render = () => html` <slot part="feedback" class="${this.showStatus}"></slot> `;
+  override render = () => html` <slot part="feedback" class="${ifDefined(this.showStatus)}"></slot> `;
+
+  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {
+    this.checkShowFeedback(this.outcomeIdentifier);
+  }
 }
 
 declare global {