update tests

package.json

@@ -80,6 +80,7 @@
   "dependencies": {
     "@lit/context": "^1.0.0",
     "@lit/react": "^1.0.0",
+    "@storybook/preview-api": "^7.5.2",
     "cheerio": "^1.0.0-rc.12",
     "lit": "^3.0.0"
   },
@@ -93,17 +94,17 @@
     "@arethetypeswrong/cli": "^0.12.2",
     "@custom-elements-manifest/analyzer": "^0.9.0",
     "@jest/globals": "^29.7.0",
-    "@storybook/addon-a11y": "^7.5.1",
-    "@storybook/addon-essentials": "^7.5.1",
-    "@storybook/addon-interactions": "^7.5.1",
-    "@storybook/addon-jest": "^7.5.1",
-    "@storybook/addon-links": "^7.5.1",
-    "@storybook/blocks": "^7.5.1",
+    "@storybook/addon-a11y": "^7.5.2",
+    "@storybook/addon-essentials": "^7.5.2",
+    "@storybook/addon-interactions": "^7.5.2",
+    "@storybook/addon-jest": "^7.5.2",
+    "@storybook/addon-links": "^7.5.2",
+    "@storybook/blocks": "^7.5.2",
     "@storybook/jest": "^0.2.3",
     "@storybook/test-runner": "^0.13.0",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/web-components": "^7.5.1",
-    "@storybook/web-components-vite": "^7.5.1",
+    "@storybook/web-components": "^7.5.2",
+    "@storybook/web-components-vite": "^7.5.2",
     "@tailwindcss/nesting": "^0.0.0-insiders.565cd3e",
     "@tailwindcss/typography": "^0.5.10",
     "@types/node": "^20.8.8",
@@ -132,7 +133,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "remark-gfm": "^4.0.0",
-    "storybook": "^7.5.1",
+    "storybook": "^7.5.2",
     "tailwindcss": "^3.3.2",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.1",

src/lib/qti-components/qti-interaction/qti-choice-interaction/qti-choice-interaction.test.ts

@@ -1,8 +1,7 @@
+import '@citolab/qti-components/qti-components';
 import { describe, expect, it } from '@jest/globals';
 import crypto from 'crypto';
 import { render } from 'lit';
-import '../qti-simple-choice';
-import './qti-choice-interaction';
 import { Default } from './qti-choice-interaction.stories';
 
 // FIXME: Check if this is still needed, only when using choice this should be available

src/lib/qti-components/qti-response-processing/qti-expression/qti-contains/qti-contains.spec.ts

@@ -1,8 +1,8 @@
+import '@citolab/qti-components/qti-components';
+import { describe, expect, it } from '@jest/globals';
 import { html, render } from 'lit';
 import { QtiAssessmentItem } from '../../../qti-assessment-item/qti-assessment-item';
 import { QtiContains } from './qti-contains';
-import { describe, expect, it } from '@jest/globals';
-import '../../../index';
 
 describe('qti-contains', () => {
   it('should check if the variable identified in the first child is contained in the second one', () => {

src/lib/qti-components/qti-response-processing/qti-expression/qti-correct/qti-correct.spec.ts

@@ -1,7 +1,7 @@
-import '../../../index';
-import { QtiCorrect } from './qti-correct';
-import { html, render } from 'lit';
+import '@citolab/qti-components/qti-components';
 import { describe, expect, it } from '@jest/globals';
+import { html, render } from 'lit';
+import { QtiCorrect } from './qti-correct';
 describe('qti-correct', () => {
   it('should return value in the correct baseType(float)', () => {
     const correctValue = 'A';

src/lib/qti-components/qti-response-processing/qti-expression/qti-equal-rounded/qti-equal-rounded.spec.ts

@@ -1,7 +1,7 @@
-import { QtiEqualRounded } from './qti-equal-rounded';
+import '@citolab/qti-components/qti-components';
 import { html, render } from 'lit';
 import { QtiAssessmentItem } from '../../../qti-assessment-item/qti-assessment-item';
-import '../../../index';
+import { QtiEqualRounded } from './qti-equal-rounded';
 
 describe('qti-equal-rounded', () => {
   it('rounded 3 decimals equal', () => {

src/lib/qti-components/qti-response-processing/qti-expression/qti-equal/qti-equal.spec.ts

@@ -1,7 +1,7 @@
-import { QtiEqual } from './qti-equal';
+import '@citolab/qti-components/qti-components';
 import { html, render } from 'lit';
 import { QtiAssessmentItem } from '../../../qti-assessment-item/qti-assessment-item';
-import '../../../index';
+import { QtiEqual } from './qti-equal';
 
 describe('qti-equal', () => {
   it('response and correct response match', () => {

src/lib/qti-components/qti-response-processing/qti-expression/qti-gt/qti-gt.spec.ts

@@ -1,7 +1,7 @@
-import '../../../index';
+import '@citolab/qti-components/qti-components';
 import { describe, expect } from '@jest/globals';
-import { QtiGt } from './qti-gt';
 import { html, render } from 'lit';
+import { QtiGt } from './qti-gt';
 describe('qti-gt', () => {
   it('equal = false', () => {
     const template = () => html`

src/lib/qti-components/qti-response-processing/qti-expression/qti-gte/qti-gte.spec.ts

@@ -1,7 +1,7 @@
-import '../../../index';
+import '@citolab/qti-components/qti-components';
 import { describe, expect } from '@jest/globals';
-import { QtiGte } from './qti-gte';
 import { html, render } from 'lit';
+import { QtiGte } from './qti-gte';
 describe('qti-gte', () => {
   it('equal = true', () => {
     const template = () => html`

src/lib/qti-components/qti-response-processing/qti-expression/qti-is-null/qti-is-null.spec.ts

@@ -1,8 +1,8 @@
-import '../../../index';
+import '@citolab/qti-components/qti-components';
 
-import { QtiIsNull } from './qti-is-null';
-import { html, render } from 'lit';
 import { describe, expect, it } from '@jest/globals';
+import { html, render } from 'lit';
+import { QtiIsNull } from './qti-is-null';
 describe('qti-is-null', () => {
   it('null = true', () => {
     const template = () => html`

src/lib/qti-components/qti-response-processing/qti-expression/qti-lt/qti-lt.spec.ts

@@ -1,7 +1,7 @@
-import '../../../index';
+import '@citolab/qti-components/qti-components';
 import { describe, expect } from '@jest/globals';
-import { QtiLt } from './qti-lt';
 import { html, render } from 'lit';
+import { QtiLt } from './qti-lt';
 describe('qti-gt', () => {
   it('equal = false', () => {
     const template = () => html`

src/lib/qti-components/qti-response-processing/qti-expression/qti-lte/qti-lte.spec.ts

@@ -1,7 +1,7 @@
-import '../../../index';
+import '@citolab/qti-components/qti-components';
 import { describe, expect } from '@jest/globals';
-import { QtiLte } from './qti-lte';
 import { html, render } from 'lit';
+import { QtiLte } from './qti-lte';
 describe('qti-lte', () => {
   it('equal = true', () => {
     const template = () => html`

src/lib/qti-components/qti-response-processing/qti-expression/qti-map-response/qti-map-response.spec.ts

@@ -1,10 +1,8 @@
-import { QtiMapResponse } from './qti-map-response';
+import '@citolab/qti-components/qti-components';
+import { describe, expect, it } from '@jest/globals';
 import { html, render } from 'lit';
-import { ResponseVariable } from '../../../internal/variables';
 import { QtiAssessmentItem } from '../../../qti-assessment-item/qti-assessment-item';
-import { describe, expect, it } from '@jest/globals';
-import '../../../index';
-
+import { QtiMapResponse } from './qti-map-response';
 describe('qti-map-response', () => {
   it('should the value of the mapping by response value', () => {
     const template = () => html`

src/lib/qti-components/qti-response-processing/qti-expression/qti-mapping/qti-mapping.spec.ts

@@ -1,4 +1,4 @@
-import '../../../index';
+import '@citolab/qti-components/qti-components';
 
 import { describe, expect, it } from '@jest/globals';
 import { html, render } from 'lit';

src/lib/qti-components/qti-response-processing/qti-expression/qti-match/qti-match.spec.ts

@@ -1,9 +1,8 @@
-import { QtiMatch } from './qti-match';
+import '@citolab/qti-components/qti-components';
+import { describe, expect, it } from '@jest/globals';
 import { html, render } from 'lit';
 import { QtiAssessmentItem } from '../../../qti-assessment-item/qti-assessment-item';
-import { ResponseVariable } from '../../../internal/variables';
-import { describe, expect, it } from '@jest/globals';
-import '../../../index';
+import { QtiMatch } from './qti-match';
 
 describe('qti-match', () => {
   it('should check if the variable identified in the first child is contained in the second one', () => {

src/lib/qti-components/qti-response-processing/qti-expression/qti-member/qti-member.spec.ts

@@ -1,7 +1,7 @@
+import '@citolab/qti-components/qti-components';
+import { describe, expect, it } from '@jest/globals';
 import { html, render } from 'lit';
 import { QtiMember } from './qti-member';
-import { describe, expect, it } from '@jest/globals';
-import '../../../index';
 
 describe('qti-contains', () => {
   const failTemplate = () => html`

src/lib/qti-components/qti-response-processing/qti-expression/qti-product/qti-product.spec.ts

@@ -1,7 +1,6 @@
-import { QtiProduct } from './qti-product';
+import '@citolab/qti-components/qti-components';
 import { html, render } from 'lit';
-import { QtiAssessmentItem } from '../../../qti-assessment-item/qti-assessment-item';
-import '../../../index';
+import { QtiProduct } from './qti-product';
 
 describe('qti-product', () => {
   it('multiplies, the product of one or more variables', () => {

src/lib/qti-components/qti-response-processing/qti-expression/qti-string-match/qti-string-match.spec.ts

@@ -1,8 +1,7 @@
-import { QtiStringMatch } from './qti-string-match';
+import '@citolab/qti-components/qti-components';
 import { html, render } from 'lit';
 import { QtiAssessmentItem } from '../../../qti-assessment-item/qti-assessment-item';
-import '../../../index';
-
+import { QtiStringMatch } from './qti-string-match';
 describe('qti-string-match', () => {
   it('response and correct response match', () => {
     const template = () => html`

src/lib/qti-components/qti-response-processing/qti-response-processing/qti-response-processing-choice.spec.ts

@@ -1,8 +1,7 @@
+import '@citolab/qti-components/qti-components';
+import { beforeEach, describe, expect, it } from '@jest/globals';
 import { html, render } from 'lit';
 import { QtiAssessmentItem } from '../../qti-assessment-item/qti-assessment-item';
-import { describe, expect, it, beforeEach } from '@jest/globals';
-import '../../index';
-import { ResponseInteraction } from '../../index';
 
 const match_correct_item = html` <qti-assessment-item identifier="choice" title="Unattended Luggage">
   <qti-response-declaration identifier="RESPONSE" cardinality="single" base-type="identifier">

src/lib/qti-components/qti-response-processing/qti-response-processing/qti-response-processing-map-response.spec.ts

@@ -1,8 +1,7 @@
+import '@citolab/qti-components/qti-components';
+import { beforeEach, describe, expect, it } from '@jest/globals';
 import { html, render } from 'lit';
 import { QtiAssessmentItem } from '../../qti-assessment-item/qti-assessment-item';
-import { describe, expect, it, beforeEach } from '@jest/globals';
-import '../../index';
-import { ResponseInteraction } from '../../index';
 
 // import { unitTestItem } from "./qti-responseprocessing-map-response.stories";
 const unitTestItem = html`<qti-assessment-item

src/lib/qti-components/qti-response-processing/qti-rule/qti-lookup-outcome-value/qti-lookup-outcome-value.stories.ts

@@ -5,8 +5,8 @@ import { within } from '@storybook/testing-library';
 import type { Meta, StoryObj } from '@storybook/web-components';
 import { html } from 'lit';
 
+import { qtiTransformItem } from '@citolab/qti-components/qti-transformers';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
-import { qtiTransformItem } from 'src/lib/qti-transformers';
 
 import storyXML from './qti-lookup-outcome-value.xml?raw';
 

src/lib/qti-components/qti-response-processing/qti-rule/qti-lookup-outcome-value/qti-lookup-outcome-value.test.ts

@@ -1,15 +1,15 @@
-
+import '@citolab/qti-components/qti-components';
 import { QtiAssessmentItem, QtiLookupOutcomeValue } from '@citolab/qti-components/qti-components';
-import { render } from 'lit';
-import './qti-lookup-outcome-value';
-import { Default } from './qti-lookup-outcome-value.stories';
 import { expect } from '@storybook/jest';
+import { Default } from './qti-lookup-outcome-value.stories';
+
+import { composeStory } from '@storybook/preview-api';
+import { render } from 'lit';
 
-// import { composeStory } from '@storybook/web-components';
-// const FormError = composeStory(DefaultStory, Meta);
+const composedStory = composeStory(Default, Default.args);
 
 test('Checks if the form is valid', () => {
-  render(Default.render({ maxChoices: 1, minChoices: 1 }), document.body);
+  render(composedStory.toString(), document.body);
 
   const assessmentItem = document.body.querySelector('qti-assessment-item') as QtiAssessmentItem;
   assessmentItem.updateResponseVariable('SCORE', '3');

src/lib/qti-components/qti-response-processing/qti-rule/qti-lookup-outcome-value/qti-lookup-outcome-value.ts

@@ -1,6 +1,6 @@
 import { OutcomeVariable, QtiExpression, QtiRule } from '@citolab/qti-components/qti-components';
 import { customElement, property } from 'lit/decorators.js';
-import { convertNumberToUniveralFormat } from 'src/lib/qti-components/internal/utils';
+import { convertNumberToUniveralFormat } from '../../../internal/utils';
 
 /**
  * The lookupOutcomeValue rule sets the value of an outcome variable to the value obtained