@api-client/ui 0.0.4 → 0.0.7

package/test/elements/http/HttpFlows.test.ts

@@ -0,0 +1,485 @@
+import {
+  DataSteps, FlowResponseDataEnum, FlowSourceEnum,
+  HttpAssertions as CoreAssertions, IHttpFlow,
+} from '@api-client/core/build/browser.js';
+import { assert, fixture, html } from '@open-wc/testing';
+import { resetMouse, setViewport } from '@web/test-runner-commands';
+import sinon from 'sinon';
+import type HttpFlows from '../../../src/elements/http/HttpFlows.element.js';
+import type UiButton from '../../../src/ui/button/UiButton.js';
+import type UiChip from '../../../src/ui/chip/UiChip.js';
+import type Input from '../../../src/ui/input/Input.js';
+import type UiListItem from '../../../src/ui/list/UiListItem.js';
+import { UiMock } from '../../helpers/UiMock.js';
+import { SnackNotifications } from '../../../src/ui/notification/SnackNotifications.js';
+import '../../../src/define/http/http-flows.js';
+
+describe('element', () => {
+  describe('http', () => {
+    before(async () => {
+      await setViewport({ width: 1920, height: 1080 });
+    })
+
+    describe('HttpFlows', () => {
+      async function basicFixture(): Promise<HttpFlows> {
+        return fixture(html`<http-flows></http-flows>`);
+      }
+
+      async function emptyResponseFlowFixture(): Promise<HttpFlows> {
+        const flows: IHttpFlow[] = [
+          {
+            actions: [],
+            trigger: 'response',
+            description: 'initial'
+          }
+        ];
+        return fixture(html`<http-flows .model="${flows}"></http-flows>`);
+      }
+
+      describe('initialization', () => {
+        it('has no flows UI', async () => {
+          const editor = await basicFixture();
+          const nodes = editor.shadowRoot!.querySelectorAll('.param-row');
+          assert.lengthOf(nodes, 0, 'has no param-row nodes')
+        });
+
+        it('has the flow building blocks panel', async () => {
+          const editor = await basicFixture();
+          const node = editor.shadowRoot!.querySelector('.options');
+          assert.ok(node);
+        });
+
+        it('has the empty message rendered', async () => {
+          const editor = await basicFixture();
+          const node = editor.shadowRoot!.querySelector('.empty-message')!;
+          assert.ok(node, 'has the node')
+          assert.equal(node.textContent?.trim(), 'Create a flow to get started.')
+        });
+
+        it('has the add flow button', async () => {
+          const editor = await basicFixture();
+          const node = editor.shadowRoot!.querySelector('.empty-message ui-button')!;
+          assert.ok(node, 'has the button');
+        });
+      });
+
+      describe('adding flows', () => {
+        let element: HttpFlows;
+
+        beforeEach(async () => {
+          element = await basicFixture();
+        });
+
+        it('empty message button triggers the add flow dialog', async () => {
+          const button = element.shadowRoot!.querySelector('.empty-message ui-button') as UiButton;
+          button.click();
+          assert.isTrue(element.flowAddDialog?.open, 'the dialog is opened');
+        });
+
+        it('creates a flow from the dialog', async () => {
+          const button = element.shadowRoot!.querySelector('.empty-message ui-button') as UiButton;
+          button.click();
+          const dialog = element.flowAddDialog!;
+          await dialog.updateComplete;
+          const input = dialog.querySelector('ui-text-field')!;
+          input.value = 'My Flow 1';
+          input.notifyChange();
+          const dialogButton = dialog.shadowRoot!.querySelector('ui-button[value="confirm"]') as UiButton;
+          dialogButton.click();
+          assert.lengthOf(element.model, 1, 'has the created flow')
+          const [flow] = element.model;
+          assert.equal(flow.description, 'My Flow 1', 'the flow has the entered name');
+        });
+
+        it('adds the description when provided', () => {
+          element.addFlow('test');
+          assert.lengthOf(element.model, 1, 'has the created flow')
+          const [flow] = element.model;
+          assert.equal(flow.description, 'test', 'the flow has the passed description');
+        });
+
+        it('adds the current trigger', () => {
+          element.addFlow('test');
+          const [flow] = element.model;
+          assert.equal(flow.trigger, 'response', 'has the current trigger');
+        });
+
+        it('adds empty actions', () => {
+          element.addFlow();
+          const [flow] = element.model;
+          assert.deepEqual(flow.actions, []);
+        });
+
+        it('sets the selectedFlow', () => {
+          element.addFlow();
+          assert.equal(element.selectedFlow, 0, 'selects the first flow');
+          element.addFlow();
+          assert.equal(element.selectedFlow, 1, 'selects another');
+        });
+
+        it('notifies change', () => {
+          const spy = sinon.spy();
+          element.addEventListener('change', spy);
+          element.addFlow();
+          assert.isTrue(spy.calledOnce);
+        });
+
+        it('changes the empty message after adding a flow', async () => {
+          element.addFlow();
+          await element.updateComplete;
+          const node = element.shadowRoot!.querySelector('.empty-message')!;
+          assert.ok(node, 'has the node')
+          assert.equal(node.textContent?.trim(), 'Drop a condition or an action here')
+        });
+
+        it('adds a flow after changing the trigger', async () => {
+          element.addFlow();
+          await element.updateComplete;
+          element.trigger = 'request';
+          element.addFlow();
+          await element.updateComplete;
+          assert.lengthOf(element.model, 2, 'has 2 flows');
+          const [f1, f2] = element.model;
+          assert.equal(f1.trigger, 'response', 'flows 1 has the response trigger');
+          assert.equal(f2.trigger, 'request', 'flows 2 has the request trigger');
+        });
+      });
+
+      describe('working with a condition', () => {
+        let element: HttpFlows;
+
+        beforeEach(async () => {
+          element = await emptyResponseFlowFixture();
+        });
+
+        afterEach(async () => {
+          await resetMouse();
+        });
+
+        it('drops the condition onto the editor', async () => {
+          const chip = element.shadowRoot!.querySelector(`ui-chip[data-kind="Core#Condition"]`) as UiChip;
+          
+          const target = element.shadowRoot!.querySelector(`.editor`) as HTMLElement;
+          await UiMock.dragAndDrop(chip, target);
+          await element.updateComplete;
+
+          const condition = element.model[0].condition!;
+          assert.typeOf(condition, 'object', 'has added condition');
+          assert.deepEqual(condition.steps, [], 'the condition has empty steps');
+        });
+
+        it('renders the condition UI', async () => {
+          element.setCondition();
+          await element.updateComplete;
+
+          const block = element.shadowRoot!.querySelector('.step-row.condition')!;
+          assert.ok(block, 'has the condition block');
+
+          const label = block.querySelector('.action-tab > span')!;
+          assert.ok(label, 'has the label');
+          assert.equal(label.textContent!.trim(), 'Condition', 'the label has the text value');
+        });
+
+        it('renders the condition dropdown menu', async () => {
+          element.setCondition();
+          await element.updateComplete;
+
+          const block = element.shadowRoot!.querySelector('.step-row.condition')!;
+          assert.ok(block, 'has the condition block');
+
+          const list = block.querySelector('.action-tab > ui-dropdown-list')!;
+          assert.ok(list, 'has the dropdown');
+
+          const trigger = list.querySelector('.condition-options-trigger')!;
+          assert.ok(trigger, 'has the dropdown trigger');
+          assert.equal(trigger.localName, 'ui-icon-button', 'the dropdown trigger is the icon button');
+
+          const listItems = Array.from(list.querySelectorAll('ui-list-item'));
+          assert.lengthOf(listItems, 1, 'has all dropdown options')
+
+          const [o1] = listItems;
+          assert.equal(o1.dataset.option, 'delete', 'has the remove item');
+          assert.equal(o1.textContent!.trim(), 'Remove', 'the remove item has the text value');
+        });
+
+        it('disables the "condition" suggestion after adding one', async () => {
+          element.setCondition();
+          await element.updateComplete;
+          const chip = element.shadowRoot!.querySelector(`ui-chip[data-kind="Core#Condition"]`) as UiChip;
+          assert.isTrue(chip.disabled, 'the chip is disabled');
+        });
+
+        it('prohibits overriding the condition', async () => {
+          element.setCondition();
+          element.model[0].condition!.description = 'test';
+          element.setCondition();
+          assert.equal(element.model[0].condition!.description, 'test', 'the condition is unchanged');
+        });
+
+        it('notifies the user when overriding the condition', async () => {
+          const spy = sinon.spy(SnackNotifications, 'notify');
+          try {
+            element.setCondition();
+            await element.updateComplete;
+            element.setCondition();
+          } finally {
+            spy.restore();
+          }
+          assert.isTrue(spy.calledOnce, 'notifies the user');
+          const message = spy.args[0][0] as string;
+          assert.equal(message, 'This flow already have a condition.');
+        });
+
+        it('drops data-source group onto the condition', async () => {
+          element.setCondition();
+          await element.updateComplete;
+
+          const chip = element.shadowRoot!.querySelector(`ui-chip[data-kind="${DataSteps.ReadDataSourceStepKind}"][data-data="${FlowResponseDataEnum.status}"]`) as UiChip;
+          const target = element.shadowRoot!.querySelector(`.condition-row .steps`) as HTMLElement;
+
+          await UiMock.dragAndDrop(chip, target);
+          await element.updateComplete;
+          const condition = element.model[0].condition!;
+          assert.lengthOf(condition.steps, 1, 'the condition has the step');
+
+          const step = condition.steps[0] as DataSteps.IReadDataSourceStep;
+
+          assert.equal(step.kind, DataSteps.ReadDataSourceStepKind, 'has the kind');
+          assert.equal(step.source, FlowSourceEnum.response, 'has the source');
+          assert.equal(step.data, FlowResponseDataEnum.status, 'has the data');
+
+          const unit = target.querySelector('.step-unit')!;
+          assert.ok(unit, 'renders the step container');
+          const spacer = unit.querySelector('.drop-target.spacer')!;
+          assert.ok(spacer, 'renders the drop target');
+          const pill = unit.querySelector('.step-pill')!;
+          assert.ok(pill, 'renders the data pill');
+          assert.equal(pill.textContent?.trim(), 'Status code', 'renders the data pill value');
+          assert.isTrue(spacer.nextElementSibling === pill, 'render the drop target before the pill');
+        });
+
+        it('drops transformation group onto the condition', async () => {
+          element.setCondition();
+          await element.updateComplete;
+          
+          const chip = element.shadowRoot!.querySelector(`ui-chip[data-kind="${DataSteps.ReadValueStepKind}"]`) as UiChip;
+          const target = element.shadowRoot!.querySelector(`.condition-row .steps`) as HTMLElement;
+
+          await UiMock.dragAndDrop(chip, target);
+          await element.updateComplete;
+          const condition = element.model[0].condition!;
+          assert.lengthOf(condition.steps, 1, 'the condition has the step');
+
+          const step = condition.steps[0] as DataSteps.IReadValueStep;
+          assert.equal(step.kind, DataSteps.ReadValueStepKind, 'has the kind');
+
+          const unit = target.querySelector('.step-unit')!;
+          assert.ok(unit, 'renders the step container');
+          const spacer = unit.querySelector('.drop-target.spacer')!;
+          assert.ok(spacer, 'renders the drop target');
+          const pill = unit.querySelector('.step-pill')!;
+          assert.ok(pill, 'renders the data pill');
+          assert.equal(pill.textContent?.trim(), 'Read value', 'renders the data pill value');
+          assert.isTrue(spacer.nextElementSibling === pill, 'render the drop target before the pill');
+          const input = unit.querySelector('ui-text-field') as Input;
+          assert.ok(input, 'renders the path input');
+        });
+
+        it('drops assertion group onto the condition', async () => {
+          element.setCondition();
+          await element.updateComplete;
+          
+          const chip = element.shadowRoot!.querySelector(`ui-chip[data-kind="${CoreAssertions.EqualAssertionKind}"]`) as UiChip;
+          const target = element.shadowRoot!.querySelector(`.condition-row .steps`) as HTMLElement;
+
+          await UiMock.dragAndDrop(chip, target);
+          await element.updateComplete;
+          const condition = element.model[0].condition!;
+          assert.lengthOf(condition.steps, 1, 'the condition has the step');
+
+          const step = condition.steps[0] as CoreAssertions.IEqualAssertion;
+          assert.equal(step.kind, CoreAssertions.EqualAssertionKind, 'has the kind');
+
+          const unit = target.querySelector('.step-unit')!;
+          assert.ok(unit, 'renders the step container');
+          const spacer = unit.querySelector('.drop-target.spacer')!;
+          assert.ok(spacer, 'renders the drop target');
+          const input = unit.querySelector('ui-text-field')!;
+          assert.ok(input, 'renders the value input');
+        });
+
+        it('does not allow action group onto the condition', async () => {
+          element.setCondition();
+          await element.updateComplete;
+          
+          const chip = element.shadowRoot!.querySelector(`ui-chip[data-kind="${DataSteps.SetCookieStepKind}"]`) as UiChip;
+          const target = element.shadowRoot!.querySelector(`.condition-row .steps`) as HTMLElement;
+
+          await UiMock.dragAndDrop(chip, target);
+          await element.updateComplete;
+          const condition = element.model[0].condition!;
+          assert.lengthOf(condition.steps, 0, 'has no steps');
+        });
+
+        it('removes the condition from the dropdown option', async () => {
+          element.setCondition();
+          await element.updateComplete;
+
+          const list = element.shadowRoot!.querySelector('.step-row.condition .action-tab > ui-dropdown-list')!;
+          assert.ok(list, 'has the dropdown');
+
+          const option = list.querySelector('ui-list-item[data-option="delete"]') as UiListItem;
+          option.click();
+
+          await element.updateComplete;
+
+          assert.isUndefined(element.model[0].condition);
+        });
+      });
+
+      describe('Working with actions', () => {
+        let element: HttpFlows;
+
+        beforeEach(async () => {
+          element = await emptyResponseFlowFixture();
+        });
+
+        afterEach(async () => {
+          await resetMouse();
+        });
+
+        it('drops the action onto the editor', async () => {
+          const chip = element.shadowRoot!.querySelector(`ui-chip[data-kind="Core#Action"]`) as UiChip;
+
+          const target = element.shadowRoot!.querySelector(`.editor`) as HTMLElement;
+          await UiMock.dragAndDrop(chip, target);
+          await element.updateComplete;
+
+          const { actions } = element.model[0];
+          assert.lengthOf(actions, 1, 'has the action');
+          const [a1] = actions;
+          assert.deepEqual(a1.steps, [], 'actions steps are empty');
+        });
+
+        it('renders the action UI', async () => {
+          element.addAction();
+          await element.updateComplete;
+
+          const block = element.shadowRoot!.querySelector('.step-row')!;
+          assert.ok(block, 'has the action block');
+
+          const label = block.querySelector('.action-tab > span')!;
+          assert.ok(label, 'has the label');
+          assert.equal(label.textContent!.trim(), 'Action 1', 'the label has the text value');
+        });
+
+        it('renders the action dropdown menu', async () => {
+          element.addAction();
+          await element.updateComplete;
+
+          const block = element.shadowRoot!.querySelector('.step-row')!;
+          assert.ok(block, 'has the action block');
+
+          const list = block.querySelector('.action-tab > ui-dropdown-list')!;
+          assert.ok(list, 'has the dropdown');
+
+          const trigger = list.querySelector('.action-options-trigger')!;
+          assert.ok(trigger, 'has the dropdown trigger');
+          assert.equal(trigger.localName, 'ui-icon-button', 'the dropdown trigger is the icon button');
+
+          const listItems = Array.from(list.querySelectorAll('ui-list-item'));
+          assert.lengthOf(listItems, 2, 'has all dropdown options')
+
+          const [o1, o2] = listItems;
+          assert.equal(o1.dataset.option, 'rename', 'has the remove item');
+          assert.equal(o1.textContent!.trim(), 'Rename', 'the remove item has the text value');
+          assert.equal(o2.dataset.option, 'delete', 'has the remove item');
+          assert.equal(o2.textContent!.trim(), 'Remove', 'the remove item has the text value');
+        });
+
+        it('removes the action from the dropdown option', async () => {
+          element.addAction();
+          await element.updateComplete;
+
+          const list = element.shadowRoot!.querySelector('.step-row .action-tab > ui-dropdown-list')!;
+          assert.ok(list, 'has the dropdown');
+
+          const option = list.querySelector('ui-list-item[data-option="delete"]') as UiListItem;
+          option.click();
+
+          await element.updateComplete;
+
+          assert.deepEqual(element.model[0].actions, []);
+        });
+
+        it('drops data-source group onto the action', async () => {
+          element.addAction();
+          await element.updateComplete;
+
+          const chip = element.shadowRoot!.querySelector(`ui-chip[data-kind="${DataSteps.ReadDataSourceStepKind}"][data-data="${FlowResponseDataEnum.status}"]`) as UiChip;
+          const target = element.shadowRoot!.querySelector(`.action-row .steps`) as HTMLElement;
+
+          await UiMock.dragAndDrop(chip, target);
+          await element.updateComplete;
+          const action = element.model[0].actions[0];
+          assert.lengthOf(action.steps, 1, 'the action has the step');
+
+          const step = action.steps[0] as DataSteps.IReadDataSourceStep;
+
+          assert.equal(step.kind, DataSteps.ReadDataSourceStepKind, 'has the kind');
+          assert.equal(step.source, FlowSourceEnum.response, 'has the source');
+          assert.equal(step.data, FlowResponseDataEnum.status, 'has the data');
+
+          const unit = target.querySelector('.step-unit')!;
+          assert.ok(unit, 'renders the step container');
+          const spacer = unit.querySelector('.drop-target.spacer')!;
+          assert.ok(spacer, 'renders the drop target');
+          const pill = unit.querySelector('.step-pill')!;
+          assert.ok(pill, 'renders the data pill');
+          assert.equal(pill.textContent?.trim(), 'Status code', 'renders the data pill value');
+          assert.isTrue(spacer.nextElementSibling === pill, 'render the drop target before the pill');
+        });
+
+        it('drops transformation group onto the action', async () => {
+          element.addAction();
+          await element.updateComplete;
+
+          const chip = element.shadowRoot!.querySelector(`ui-chip[data-kind="${DataSteps.ReadValueStepKind}"]`) as UiChip;
+          const target = element.shadowRoot!.querySelector(`.action-row .steps`) as HTMLElement;
+
+          await UiMock.dragAndDrop(chip, target);
+          await element.updateComplete;
+          const action = element.model[0].actions[0];
+          assert.lengthOf(action.steps, 1, 'the action has the step');
+
+          const step = action.steps[0] as DataSteps.IReadValueStep;
+          assert.equal(step.kind, DataSteps.ReadValueStepKind, 'has the kind');
+
+          const unit = target.querySelector('.step-unit')!;
+          assert.ok(unit, 'renders the step container');
+          const spacer = unit.querySelector('.drop-target.spacer')!;
+          assert.ok(spacer, 'renders the drop target');
+          const pill = unit.querySelector('.step-pill')!;
+          assert.ok(pill, 'renders the data pill');
+          assert.equal(pill.textContent?.trim(), 'Read value', 'renders the data pill value');
+          assert.isTrue(spacer.nextElementSibling === pill, 'render the drop target before the pill');
+          const input = unit.querySelector('ui-text-field') as Input;
+          assert.ok(input, 'renders the path input');
+        });
+
+        it('does not allow assertion group onto the action', async () => {
+          element.addAction();
+          await element.updateComplete;
+
+          const chip = element.shadowRoot!.querySelector(`ui-chip[data-kind="${CoreAssertions.EqualAssertionKind}"]`) as UiChip;
+          const target = element.shadowRoot!.querySelector(`.action-row .steps`) as HTMLElement;
+
+          await UiMock.dragAndDrop(chip, target);
+          await element.updateComplete;
+          const action = element.model[0].actions[0];
+          assert.lengthOf(action.steps, 0, 'has no steps');
+        });
+      });
+    });
+  });
+});

package/tsconfig.json

@@ -9,6 +9,7 @@
     "esModuleInterop": false,
     "allowSyntheticDefaultImports": true,
     "experimentalDecorators": true,
+    "useDefineForClassFields": false,
     "importHelpers": true,
     "noImplicitOverride": true,
     "outDir": "./dist",
@@ -16,7 +17,6 @@
     "sourceMap": true,
     "inlineSources": true,
     "declaration": true,
-    "incremental": true,
     "noImplicitThis": true,
     "alwaysStrict": true,
     "declarationMap": true,
@@ -24,6 +24,6 @@
     "skipLibCheck": true,
     "checkJs": true
   },
-  "include": ["src/**/*.ts", "_old/ApiFilesElement.ts", "_old/ApiFilesElement.styles.ts", "_old/FileMaps.ts", "_old/AppSettingsMenuElement.ts"],
+  "include": ["src/**/*.ts"],
   "exclude": ["_old"]
 }

package/dist/elements/http/HttpAssertions.d.ts

@@ -1,114 +0,0 @@
-import { IHttpAssertion, DataSteps, FlowSourceEnum, FlowRequestDataEnum, FlowResponseDataEnum, TransformationSteps, HttpAssertions as CoreAssertions } from "@api-client/core/build/browser.js";
-import { nothing, TemplateResult } from "lit";
-import { IHttpStep } from "@api-client/core/build/src/models/http-actions/HttpStep.js";
-import ApiElement from "../ApiElement.js";
-import UiChip from "../../ui/chip/UiChip.js";
-import { UiDialogClosingReason } from "../../ui/dialog/UiDialog.js";
-import '../../define/ui/ui-button.js';
-import '../../define/ui/ui-icon-button.js';
-import '../../define/ui/ui-switch.js';
-import '../../define/ui/ui-icon.js';
-import '../../define/ui/ui-text-field.js';
-import '../../define/ui/ui-chip.js';
-import '../../define/ui/ui-dialog.js';
-/**
- * @fires change When the model change
- */
-export default class HttpAssertions extends ApiElement {
-    /**
-     * The list of assertions.
-     * This is a live list. All changes are propagated in the model.
-     */
-    model: IHttpAssertion[];
-    /**
-     * Adds a new empty assertion to the model.
-     * Note, this function won't notify the parent element
-     * about the change as empty rules can be discarded.
-     */
-    addAssertion(): void;
-    /**
-     * Removes an assertion at specified index.
-     * @param index The index of the assertion in the `model` to remove.
-     */
-    removeAssertion(index: number): void;
-    /**
-     * Toggles the enabled state of the assertion.
-     * @param index The index of the assertion on the `model` array
-     * @param value The `enabled` value.
-     */
-    toggleAssertion(index: number, value: boolean): void;
-    protected notifyChange(): void;
-    protected handleAdd(): void;
-    protected handleRemove(e: Event): void;
-    protected handleToggle(e: Event): void;
-    protected handleRemoveStep(e: Event): void;
-    protected draggedChip?: UiChip;
-    protected isValidDropTarget(dataTransfer?: DataTransfer | null): boolean;
-    protected handleDragStart(e: DragEvent): void;
-    protected handleDragEnd(e: DragEvent): void;
-    protected handleTargetDragOver(e: DragEvent): void;
-    protected handleTargetDragLeave(e: DragEvent): void;
-    protected handleDrop(e: DragEvent): void;
-    protected resetDragIndices(): void;
-    protected processDrop(dataTransfer: DataTransfer, assertionIndex: number, stepIndex?: number): void;
-    protected processDataSourceDrop(dataTransfer: DataTransfer, assertionIndex: number, stepIndex?: number): void;
-    protected processTransformationDrop(dataTransfer: DataTransfer, assertionIndex: number, stepIndex?: number): void;
-    protected processAssertionDrop(dataTransfer: DataTransfer, assertionIndex: number, stepIndex?: number): void;
-    protected handleReadValueStepChange(e: Event): void;
-    protected handleRoundPrecisionChange(e: Event): void;
-    protected handleSubstringStartChange(e: Event): void;
-    protected handleSubstringEndChange(e: Event): void;
-    protected handleEqualAssertionValueChange(e: Event): void;
-    protected handleGreaterThanAssertionValueChange(e: Event): void;
-    protected handleLessThanAssertionValueChange(e: Event): void;
-    protected handleIncludesAssertionValueChange(e: Event): void;
-    protected handleMatchesAssertionValueChange(e: Event): void;
-    protected validateRegexPattern(e: Event): void;
-    protected stepFromChangeEvent(e: Event): IHttpStep | undefined;
-    /**
-     * Detects the correct data type for the step value based on previous steps.
-     *
-     * @param steps The steps before the current step
-     * @returns The data type for the step in the AMF namespace.
-     */
-    protected detectInputDataType(steps: IHttpStep[]): string;
-    protected handleRenameAssertion(e: Event): void;
-    protected handleRenameDialogResult(e: CustomEvent<UiDialogClosingReason>): void;
-    protected render(): TemplateResult;
-    protected renderActionButtons(): TemplateResult;
-    protected renderAssertions(): TemplateResult;
-    protected renderStepChip(label: string, group: string, kind: string, variant?: string): TemplateResult;
-    protected renderDataSourceChip(label: string, group: string, kind: string, source: FlowSourceEnum, data: FlowRequestDataEnum | FlowResponseDataEnum): TemplateResult;
-    protected renderDataSourceOptions(): TemplateResult;
-    protected renderTransformationOptions(): TemplateResult;
-    protected renderAssertionOptions(): TemplateResult;
-    protected renderEditor(): TemplateResult;
-    protected renderEmptyMessage(): TemplateResult;
-    protected renderList(model: IHttpAssertion[]): TemplateResult;
-    protected renderAssertion(item: IHttpAssertion, index: number): TemplateResult;
-    protected renderAssertionDescription(item: IHttpAssertion): TemplateResult | typeof nothing;
-    protected renderToggleButton(item: IHttpAssertion, assertionIndex: number): TemplateResult;
-    protected renderRenameAssertion(assertionIndex: number): TemplateResult;
-    protected renderDeleteAssertion(assertionIndex: number): TemplateResult;
-    protected renderSteps(item: IHttpAssertion, assertionIndex: number): TemplateResult;
-    protected renderEmptyStep(assertionIndex: number): TemplateResult;
-    protected renderStepsList(steps: IHttpStep[], assertionIndex: number): TemplateResult[];
-    protected renderStep(item: IHttpStep, assertionIndex: number, stepIndex: number): TemplateResult | undefined;
-    protected renderDropSpacer(assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderStepPill(label: string, assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderReadDataSourceStep(item: DataSteps.IReadDataSourceStep, assertionIndex: number, stepIndex: number): TemplateResult | undefined;
-    protected renderReadValueStep(item: DataSteps.IReadValueStep, assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderRoundStep(item: TransformationSteps.IRoundStep, assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderSubstringStep(item: TransformationSteps.ISubstringStep, assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderEqualAssertion(item: CoreAssertions.IEqualAssertion, assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderNotEqualAssertion(item: CoreAssertions.INotEqualAssertion, assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderGreaterThanAssertion(item: CoreAssertions.IGreaterThanAssertion, assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderLessThanAssertion(item: CoreAssertions.ILessThanAssertion, assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderIncludesAssertion(item: CoreAssertions.IIncludesAssertion, assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderNotIncludesAssertion(item: CoreAssertions.INotIncludesAssertion, assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderMatchesAssertion(item: CoreAssertions.IMatchesAssertion, assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderToBeAssertion(item: CoreAssertions.IToBeAssertion, assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderNotToBeAssertion(item: CoreAssertions.INotToBeAssertion, assertionIndex: number, stepIndex: number): TemplateResult;
-    protected renderRenameAssertionDialog(): TemplateResult;
-}
-//# sourceMappingURL=HttpAssertions.d.ts.map

package/dist/elements/http/HttpAssertions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HttpAssertions.d.ts","sourceRoot":"","sources":["../../../src/elements/http/HttpAssertions.ts"],"names":[],"mappings":"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"}