From 70cda5fa8ad3d55f1d9376911bd76fbc9c740f87 Mon Sep 17 00:00:00 2001 From: thepaperpilot Date: Wed, 5 Apr 2023 19:42:02 -0500 Subject: [PATCH 1/8] Fix some typing --- src/features/particles/particles.tsx | 2 +- src/features/tooltips/tooltip.ts | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/features/particles/particles.tsx b/src/features/particles/particles.tsx index 549ccee..8edaab1 100644 --- a/src/features/particles/particles.tsx +++ b/src/features/particles/particles.tsx @@ -73,7 +73,7 @@ export function createParticles( const particles = optionsFunc?.() ?? ({} as ReturnType>); particles.id = getUniqueID("particles-"); particles.type = ParticlesType; - particles[Component] = ParticlesComponent; + particles[Component] = ParticlesComponent as GenericComponent; particles.app = shallowRef(null); particles.addEmitter = (config: EmitterConfigV3): Promise => { diff --git a/src/features/tooltips/tooltip.ts b/src/features/tooltips/tooltip.ts index 55985f4..129bd16 100644 --- a/src/features/tooltips/tooltip.ts +++ b/src/features/tooltips/tooltip.ts @@ -1,4 +1,4 @@ -import type { CoercableComponent, Replace, StyleValue } from "features/feature"; +import type { CoercableComponent, GenericComponent, Replace, StyleValue } from "features/feature"; import { Component, GatherProps, setDefault } from "features/feature"; import { deletePersistent, Persistent, persistent } from "game/persistence"; import { Direction } from "util/common"; @@ -76,7 +76,7 @@ export type GenericTooltip = Replace< /** * Creates a tooltip on the given element with the given options. * @param element The renderable feature to display the tooltip on. - * @param optionsFunc Clickable options. + * @param options Tooltip options. */ export function addTooltip( element: VueFeature, @@ -108,7 +108,7 @@ export function addTooltip( } } const elementComponent = element[Component]; - element[Component] = TooltipComponent; + element[Component] = TooltipComponent as GenericComponent; const elementGatherProps = element[GatherProps].bind(element); element[GatherProps] = function gatherTooltipProps(this: GenericTooltip) { const { display, classes, style, direction, xoffset, yoffset, pinned } = this; From 77592ea0db46d7b5eff4dcdda58713f332212499 Mon Sep 17 00:00:00 2001 From: thepaperpilot Date: Tue, 11 Apr 2023 07:46:47 -0500 Subject: [PATCH 2/8] Fixed some renames not being reflected in changelog --- CHANGELOG.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index b6e4c8d..f01665b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -15,11 +15,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - There's a utility for converting modifiers to formulas, thus replacing things like the gain modifier on conversions - Action feature, which is a clickable with a cooldown - ETA util (calculates time until a specific amount of a resource, based on its current gain rate) -- createCollapsibleMilestones util +- createCollapsibleAchievements util - deleteLowerSaves util - Minimized layers can now display a component - submitOnBlur property to Text fields -- showPopups property to Milestones +- showPopups property to achievements - Mouse/touch events to more onClick listeners - Example hotkey to starting layer - Schema for projInfo.json From 8c0a0c4410d15a4153ffc35f5dcb8c5bd1c1d787 Mon Sep 17 00:00:00 2001 From: thepaperpilot Date: Tue, 11 Apr 2023 07:52:18 -0500 Subject: [PATCH 3/8] Made board nodes support booleans for visibility --- src/features/boards/BoardNode.vue | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/features/boards/BoardNode.vue b/src/features/boards/BoardNode.vue index a153afd..931c6ee 100644 --- a/src/features/boards/BoardNode.vue +++ b/src/features/boards/BoardNode.vue @@ -170,7 +170,7 @@ import themes from "data/themes"; import type { BoardNode, GenericBoardNodeAction, GenericNodeType } from "features/boards/board"; import { ProgressDisplay, getNodeProperty, Shape } from "features/boards/board"; -import { Visibility } from "features/feature"; +import { isVisible } from "features/feature"; import settings from "game/settings"; import { computed, ref, toRefs, unref, watch } from "vue"; @@ -210,8 +210,8 @@ watch(isDraggable, value => { const actions = computed(() => { const node = unref(props.node); - return getNodeProperty(props.nodeType.value.actions, node)?.filter( - action => getNodeProperty(action.visibility, node) !== Visibility.None + return getNodeProperty(props.nodeType.value.actions, node)?.filter(action => + isVisible(getNodeProperty(action.visibility, node)) ); }); From c65dc777ccc7e651a93355111184f146342ac70f Mon Sep 17 00:00:00 2001 From: thepaperpilot Date: Sat, 15 Apr 2023 09:39:16 -0500 Subject: [PATCH 4/8] Reworked flow for converting modifiers to formulas, and renamed revert to invert --- CHANGELOG.md | 2 +- src/data/common.tsx | 26 ------------------------- src/features/action.tsx | 4 ++-- src/game/modifiers.tsx | 43 ++++++++++++++++++++++++++++------------- 4 files changed, 33 insertions(+), 42 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index f01665b..03f3cf5 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,7 +12,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - **BREAKING** Formulas, which can be used to calculate buy max for you - Requirements can use them so repeatables and challenges can be "buy max" without any extra effort - Conversions now use formulas instead of the old scaling functions system, allowing for arbitrary functions that are much easier to follow - - There's a utility for converting modifiers to formulas, thus replacing things like the gain modifier on conversions + - Modifiers have a new getFormula property - Action feature, which is a clickable with a cooldown - ETA util (calculates time until a specific amount of a resource, based on its current gain rate) - createCollapsibleAchievements util diff --git a/src/data/common.tsx b/src/data/common.tsx index 3246135..8050818 100644 --- a/src/data/common.tsx +++ b/src/data/common.tsx @@ -491,29 +491,3 @@ export function createFormulaPreview( return formatSmall(formula.evaluate()); }); } - -/** - * Utility for converting a modifier into a formula. Takes the input for this formula as the base parameter. - * @param modifier The modifier to convert to the formula - * @param base An existing formula or processed DecimalSource that will be the input to the formula - */ -export function modifierToFormula( - modifier: WithRequired, - base: T -): T; -export function modifierToFormula(modifier: Modifier, base: FormulaSource): GenericFormula; -export function modifierToFormula(modifier: Modifier, base: FormulaSource) { - return new Formula({ - inputs: [base], - evaluate: val => modifier.apply(val), - invert: - "revert" in modifier && modifier.revert != null - ? (val, lhs) => { - if (lhs instanceof Formula && lhs.hasVariable()) { - return lhs.invert(modifier.revert!(val)); - } - throw new Error("Could not invert due to no input being a variable"); - } - : undefined - }); -} diff --git a/src/features/action.tsx b/src/features/action.tsx index afd8021..46f0e72 100644 --- a/src/features/action.tsx +++ b/src/features/action.tsx @@ -36,7 +36,7 @@ import { ClickableOptions } from "./clickables/clickable"; export const ActionType = Symbol("Action"); /** - * An object that configures a {@link Action}. + * An object that configures an {@link Action}. */ export interface ActionOptions extends Omit { /** The cooldown during which the action cannot be performed again, in seconds. */ @@ -71,7 +71,7 @@ export interface BaseAction { [GatherProps]: () => Record; } -/** An object that represens a feature that can be clicked upon, and then have a cooldown before they can be clicked again. */ +/** An object that represents a feature that can be clicked upon, and then has a cooldown before it can be clicked again. */ export type Action = Replace< T & BaseAction, { diff --git a/src/game/modifiers.tsx b/src/game/modifiers.tsx index fd96c77..c17422b 100644 --- a/src/game/modifiers.tsx +++ b/src/game/modifiers.tsx @@ -10,6 +10,8 @@ import { convertComputable } from "util/computed"; import { createLazyProxy } from "util/proxies"; import { renderJSX } from "util/vue"; import { computed, unref } from "vue"; +import Formula from "./formulas/formulas"; +import { FormulaSource, GenericFormula } from "./formulas/types"; /** * An object that can be used to apply or unapply some modification to a number. @@ -21,7 +23,9 @@ export interface Modifier { /** Applies some operation on the input and returns the result. */ apply: (gain: DecimalSource) => DecimalSource; /** Reverses the operation applied by the apply property. Required by some features. */ - revert?: (gain: DecimalSource) => DecimalSource; + invert?: (gain: DecimalSource) => DecimalSource; + /** Get a formula for this modifier. Required by some features. */ + getFormula?: (gain: FormulaSource) => GenericFormula; /** * Whether or not this modifier should be considered enabled. * Typically for use with modifiers passed into {@link createSequentialModifier}. @@ -39,11 +43,11 @@ export interface Modifier { */ export type ModifierFromOptionalParams = T extends undefined ? S extends undefined - ? Omit, "description" | "enabled"> - : Omit, "description"> + ? Omit, "description" | "enabled"> + : Omit, "description"> : S extends undefined - ? Omit, "enabled"> - : WithRequired; + ? Omit, "enabled"> + : WithRequired; /** An object that configures an additive modifier via {@link createAdditiveModifier}. */ export interface AdditiveModifierOptions { @@ -72,7 +76,8 @@ export function createAdditiveModifier( const processedEnabled = enabled == null ? undefined : convertComputable(enabled); return { apply: (gain: DecimalSource) => Decimal.add(gain, unref(processedAddend)), - revert: (gain: DecimalSource) => Decimal.sub(gain, unref(processedAddend)), + invert: (gain: DecimalSource) => Decimal.sub(gain, unref(processedAddend)), + getFormula: (gain: FormulaSource) => Formula.add(gain, processedAddend), enabled: processedEnabled, description: description == null @@ -133,7 +138,8 @@ export function createMultiplicativeModifier Decimal.times(gain, unref(processedMultiplier)), - revert: (gain: DecimalSource) => Decimal.div(gain, unref(processedMultiplier)), + invert: (gain: DecimalSource) => Decimal.div(gain, unref(processedMultiplier)), + getFormula: (gain: FormulaSource) => Formula.times(gain, processedMultiplier), enabled: processedEnabled, description: description == null @@ -206,7 +212,7 @@ export function createExponentialModifier( } return result; }, - revert: (gain: DecimalSource) => { + invert: (gain: DecimalSource) => { let result = gain; if (supportLowNumbers) { result = Decimal.add(result, 1); @@ -217,6 +223,10 @@ export function createExponentialModifier( } return result; }, + getFormula: (gain: FormulaSource) => + supportLowNumbers + ? Formula.add(gain, 1).pow(processedExponent).sub(1) + : Formula.pow(gain, processedExponent), enabled: processedEnabled, description: description == null @@ -259,9 +269,9 @@ export function createExponentialModifier( */ export function createSequentialModifier< T extends Modifier[], - S = T extends WithRequired[] - ? WithRequired - : Omit, "revert"> + S = T extends WithRequired[] + ? WithRequired + : Omit, "invert"> >(modifiersFunc: () => T): S { return createLazyProxy(() => { const modifiers = modifiersFunc(); @@ -271,12 +281,19 @@ export function createSequentialModifier< modifiers .filter(m => unref(m.enabled) !== false) .reduce((gain, modifier) => modifier.apply(gain), gain), - revert: modifiers.every(m => m.revert != null) + invert: modifiers.every(m => m.invert != null) ? (gain: DecimalSource) => modifiers .filter(m => unref(m.enabled) !== false) // eslint-disable-next-line @typescript-eslint/no-non-null-assertion - .reduceRight((gain, modifier) => modifier.revert!(gain), gain) + .reduceRight((gain, modifier) => modifier.invert!(gain), gain) + : undefined, + getFormula: modifiers.every(m => m.getFormula != null) + ? (gain: FormulaSource) => + modifiers + .filter(m => unref(m.enabled) !== false) + // eslint-disable-next-line @typescript-eslint/no-non-null-assertion + .reduce((acc, curr) => curr.getFormula!(acc), gain) : undefined, enabled: computed(() => modifiers.filter(m => unref(m.enabled) !== false).length > 0), description: jsx(() => ( From 1928be236d87e14e58e8cf65b7705a5cbd0e0d9d Mon Sep 17 00:00:00 2001 From: thepaperpilot Date: Sat, 15 Apr 2023 22:43:42 -0500 Subject: [PATCH 5/8] Add tests for modifiers --- CHANGELOG.md | 1 + src/game/modifiers.tsx | 38 +- .../game/__snapshots__/modifiers.test.ts.snap | 14089 ++++++++++++++++ tests/game/modifiers.test.ts | 411 + 4 files changed, 14522 insertions(+), 17 deletions(-) create mode 100644 tests/game/__snapshots__/modifiers.test.ts.snap create mode 100644 tests/game/modifiers.test.ts diff --git a/CHANGELOG.md b/CHANGELOG.md index 03f3cf5..951929d 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -71,6 +71,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Tests - conversions - formulas +- modifiers - requirements Contributors: thepaperpilot, escapee, adsaf, ducdat diff --git a/src/game/modifiers.tsx b/src/game/modifiers.tsx index c17422b..74692b0 100644 --- a/src/game/modifiers.tsx +++ b/src/game/modifiers.tsx @@ -43,20 +43,20 @@ export interface Modifier { */ export type ModifierFromOptionalParams = T extends undefined ? S extends undefined - ? Omit, "description" | "enabled"> - : Omit, "description"> + ? Omit, "description" | "enabled"> + : Omit, "description"> : S extends undefined - ? Omit, "enabled"> - : WithRequired; + ? Omit, "enabled"> + : WithRequired; /** An object that configures an additive modifier via {@link createAdditiveModifier}. */ export interface AdditiveModifierOptions { /** The amount to add to the input value. */ addend: Computable; /** Description of what this modifier is doing. */ - description?: Computable | undefined; + description?: Computable; /** A computable that will be processed and passed directly into the returned modifier. */ - enabled?: Computable | undefined; + enabled?: Computable; /** Determines if numbers larger or smaller than 0 should be displayed as red. */ smallerIsBetter?: boolean; } @@ -295,17 +295,21 @@ export function createSequentialModifier< // eslint-disable-next-line @typescript-eslint/no-non-null-assertion .reduce((acc, curr) => curr.getFormula!(acc), gain) : undefined, - enabled: computed(() => modifiers.filter(m => unref(m.enabled) !== false).length > 0), - description: jsx(() => ( - <> - {( - modifiers - .filter(m => unref(m.enabled) !== false) - .map(m => unref(m.description)) - .filter(d => d) as CoercableComponent[] - ).map(renderJSX)} - - )) + enabled: modifiers.some(m => m.enabled != null) + ? computed(() => modifiers.filter(m => unref(m.enabled) !== false).length > 0) + : undefined, + description: modifiers.some(m => m.description != null) + ? jsx(() => ( + <> + {( + modifiers + .filter(m => unref(m.enabled) !== false) + .map(m => unref(m.description)) + .filter(d => d) as CoercableComponent[] + ).map(renderJSX)} + + )) + : undefined }; }) as unknown as S; } diff --git a/tests/game/__snapshots__/modifiers.test.ts.snap b/tests/game/__snapshots__/modifiers.test.ts.snap new file mode 100644 index 0000000..2875004 --- /dev/null +++ b/tests/game/__snapshots__/modifiers.test.ts.snap @@ -0,0 +1,14089 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`Additive Modifiers > applies description correctly > with description 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > negative value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "", + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > positive value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Additive Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > zero value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Additive Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > negative value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "", + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Additive Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > positive value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Additive Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > zero value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > No optional values 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Base", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "6.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > With base 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Base", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "10.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "15.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > With base 2`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Based on", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "6.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > With base 3`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Based on", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "6.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > With baseText 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Based on", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "6.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > With everything 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": " (", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "Subtitle", + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": ")", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "subtitle", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Based on", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "10.00", + "/s", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "15.00", + "/s", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = false 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Base", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "", + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "-4.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = false 2`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Base", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = false 3`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Base", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "6.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = true 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Base", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "", + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "-4.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = true 2`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Base", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > With smallerIsBetter > smallerIsBetter = true 3`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Base", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "6.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > With subtitle 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": " (", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "Subtitle", + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": ")", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "subtitle", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Base", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "6.00", + undefined, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Create modifier sections > With unit 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test", + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "h3", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "br", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Base", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "1.00", + "/s", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "Test Desc", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": null, + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 1, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "hr", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "Total", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "6.00", + "/s", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "style": { + "--unit": "", + }, + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Exponential Modifiers > applies description correctly > with description 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > negative value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > positive value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Exponential Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > zero value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Exponential Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > negative value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Exponential Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > positive value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Exponential Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > zero value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Multiplicative Modifiers > applies description correctly > with description 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > negative value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > positive value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > zero value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > negative value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > positive value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Multiplicative Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > zero value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", +} +`; + +exports[`Sequential Modifiers > applies description correctly > with both 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), +} +`; + +exports[`Sequential Modifiers > applies description correctly > with description 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), +} +`; + +exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both > negative value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "", + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "", + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), +} +`; + +exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both > positive value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), +} +`; + +exports[`Sequential Modifiers > applies smallerIsBetter correctly > with both > zero value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), +} +`; + +exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > negative value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "", + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), +} +`; + +exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > positive value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), +} +`; + +exports[`Sequential Modifiers > applies smallerIsBetter correctly > with smallerIsBetter true > zero value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), +} +`; + +exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > negative value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "", + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "-5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), +} +`; + +exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > positive value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "5.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), +} +`; + +exports[`Sequential Modifiers > applies smallerIsBetter correctly > without smallerIsBetter false > zero value 1`] = ` +{ + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "+", + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "×", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + "test", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), + }, + null, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-description", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": [ + { + "__v_isVNode": true, + "__v_skip": true, + "anchor": null, + "appContext": null, + "children": "^", + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 8, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Text), + }, + "0.00", + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-amount", + "style": "color: var(--danger)", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "span", + }, + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": { + "class": "modifier-container", + }, + "ref": null, + "scopeId": null, + "shapeFlag": 17, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": "div", + }, + ], + ], + "component": null, + "dirs": null, + "dynamicChildren": null, + "dynamicProps": null, + "el": null, + "key": null, + "patchFlag": 0, + "props": null, + "ref": null, + "scopeId": null, + "shapeFlag": 16, + "slotScopeIds": null, + "ssContent": null, + "ssFallback": null, + "staticCount": 0, + "suspense": null, + "target": null, + "targetAnchor": null, + "transition": null, + "type": Symbol(Fragment), +} +`; diff --git a/tests/game/modifiers.test.ts b/tests/game/modifiers.test.ts new file mode 100644 index 0000000..d5e186d --- /dev/null +++ b/tests/game/modifiers.test.ts @@ -0,0 +1,411 @@ +import { CoercableComponent, JSXFunction } from "features/feature"; +import Formula, { printFormula } from "game/formulas/formulas"; +import { + createAdditiveModifier, + createExponentialModifier, + createModifierSection, + createMultiplicativeModifier, + createSequentialModifier, + Modifier +} from "game/modifiers"; +import Decimal, { DecimalSource } from "util/bignum"; +import { WithRequired } from "util/common"; +import { Computable } from "util/computed"; +import { beforeAll, describe, expect, test } from "vitest"; +import { Ref, ref, unref } from "vue"; +import "../utils"; + +export type ModifierConstructorOptions = { + [S in "addend" | "multiplier" | "exponent"]: Computable; +} & { + description?: Computable; + enabled?: Computable; + smallerIsBetter?: boolean; +}; + +function testModifiers< + T extends "addend" | "multiplier" | "exponent", + S extends ModifierConstructorOptions +>( + modifierConstructor: (optionsFunc: () => S) => WithRequired, + property: T, + operation: (lhs: DecimalSource, rhs: DecimalSource) => DecimalSource +) { + // Util because adding [property] messes up typing + function createModifier( + value: Computable, + options: Partial = {} + ): WithRequired { + options[property] = value; + return modifierConstructor(() => options as S); + } + + describe("operations", () => { + let modifier: WithRequired; + beforeAll(() => { + modifier = createModifier(ref(5)); + }); + + test("Applies correctly", () => + expect(modifier.apply(10)).compare_tolerance(operation(10, 5))); + test("Inverts correctly", () => + expect(modifier.invert(operation(10, 5))).compare_tolerance(10)); + test("getFormula returns the right formula", () => { + const value = ref(10); + expect(printFormula(modifier.getFormula(Formula.variable(value)))).toBe( + `${operation.name}(x, 5.00)` + ); + }); + }); + + describe("applies description correctly", () => { + test("without description", () => expect(createModifier(0).description).toBeUndefined()); + test("with description", () => { + const desc = createModifier(0, { description: "test" }).description; + expect(desc).not.toBeUndefined(); + expect((desc as JSXFunction)()).toMatchSnapshot(); + }); + }); + + describe("applies enabled correctly", () => { + test("without enabled", () => expect(createModifier(0).enabled).toBeUndefined()); + test("with enabled", () => { + const enabled = ref(false); + const modifier = createModifier(5, { enabled }); + expect(modifier.enabled).toBe(enabled); + }); + }); + + describe("applies smallerIsBetter correctly", () => { + describe("without smallerIsBetter false", () => { + test("negative value", () => + expect( + ( + createModifier(-5, { description: "test", smallerIsBetter: false }) + .description as JSXFunction + )() + ).toMatchSnapshot()); + test("zero value", () => + expect( + ( + createModifier(0, { description: "test", smallerIsBetter: false }) + .description as JSXFunction + )() + ).toMatchSnapshot()); + test("positive value", () => + expect( + ( + createModifier(5, { description: "test", smallerIsBetter: false }) + .description as JSXFunction + )() + ).toMatchSnapshot()); + }); + describe("with smallerIsBetter true", () => { + test("negative value", () => + expect( + ( + createModifier(-5, { description: "test", smallerIsBetter: true }) + .description as JSXFunction + )() + ).toMatchSnapshot()); + test("zero value", () => + expect( + ( + createModifier(0, { description: "test", smallerIsBetter: true }) + .description as JSXFunction + )() + ).toMatchSnapshot()); + test("positive value", () => + expect( + ( + createModifier(5, { description: "test", smallerIsBetter: true }) + .description as JSXFunction + )() + ).toMatchSnapshot()); + }); + }); +} + +describe("Additive Modifiers", () => testModifiers(createAdditiveModifier, "addend", Decimal.add)); +describe("Multiplicative Modifiers", () => + testModifiers(createMultiplicativeModifier, "multiplier", Decimal.mul)); +describe("Exponential Modifiers", () => + testModifiers(createExponentialModifier, "exponent", Decimal.pow)); + +describe("Sequential Modifiers", () => { + function createModifier( + value: Computable, + options: Partial = {} + ): WithRequired { + return createSequentialModifier(() => [ + createAdditiveModifier(() => ({ ...options, addend: value })), + createMultiplicativeModifier(() => ({ ...options, multiplier: value })), + createExponentialModifier(() => ({ ...options, exponent: value })) + ]); + } + + describe("operations", () => { + let modifier: WithRequired; + beforeAll(() => { + modifier = createModifier(5); + }); + + test("Applies correctly", () => + expect(modifier.apply(10)).compare_tolerance(Decimal.add(10, 5).times(5).pow(5))); + test("Inverts correctly", () => + expect(modifier.invert(Decimal.add(10, 5).times(5).pow(5))).compare_tolerance(10)); + test("getFormula returns the right formula", () => { + const value = ref(10); + expect(printFormula(modifier.getFormula(Formula.variable(value)))).toBe( + `pow(mul(add(x, 5.00), 5.00), 5.00)` + ); + }); + }); + + describe("applies description correctly", () => { + test("without description", () => expect(createModifier(0).description).toBeUndefined()); + test("with description", () => { + const desc = createModifier(0, { description: "test" }).description; + expect(desc).not.toBeUndefined(); + expect((desc as JSXFunction)()).toMatchSnapshot(); + }); + test("with both", () => { + const desc = createSequentialModifier(() => [ + createAdditiveModifier(() => ({ addend: 0 })), + createMultiplicativeModifier(() => ({ multiplier: 0, description: "test" })) + ]).description; + expect(desc).not.toBeUndefined(); + expect((desc as JSXFunction)()).toMatchSnapshot(); + }); + }); + + describe("applies enabled correctly", () => { + test("without enabled", () => expect(createModifier(0).enabled).toBeUndefined()); + test("with enabled", () => { + const enabled = ref(false); + const modifier = createModifier(5, { enabled }); + expect(modifier.enabled).not.toBeUndefined(); + expect(unref(modifier.enabled)).toBe(false); + enabled.value = true; + expect(unref(modifier.enabled)).toBe(true); + }); + test("with both", () => { + const enabled = ref(false); + const modifier = createSequentialModifier(() => [ + createAdditiveModifier(() => ({ addend: 0 })), + createMultiplicativeModifier(() => ({ multiplier: 0, enabled })) + ]); + expect(modifier.enabled).not.toBeUndefined(); + // So long as one is true or undefined, enable should be true + expect(unref(modifier.enabled)).toBe(true); + }); + }); + + describe("applies smallerIsBetter correctly", () => { + describe("without smallerIsBetter false", () => { + test("negative value", () => + expect( + ( + createModifier(-5, { description: "test", smallerIsBetter: false }) + .description as JSXFunction + )() + ).toMatchSnapshot()); + test("zero value", () => + expect( + ( + createModifier(0, { description: "test", smallerIsBetter: false }) + .description as JSXFunction + )() + ).toMatchSnapshot()); + test("positive value", () => + expect( + ( + createModifier(5, { description: "test", smallerIsBetter: false }) + .description as JSXFunction + )() + ).toMatchSnapshot()); + }); + describe("with smallerIsBetter true", () => { + test("negative value", () => + expect( + ( + createModifier(-5, { description: "test", smallerIsBetter: true }) + .description as JSXFunction + )() + ).toMatchSnapshot()); + test("zero value", () => + expect( + ( + createModifier(0, { description: "test", smallerIsBetter: true }) + .description as JSXFunction + )() + ).toMatchSnapshot()); + test("positive value", () => + expect( + ( + createModifier(5, { description: "test", smallerIsBetter: true }) + .description as JSXFunction + )() + ).toMatchSnapshot()); + }); + describe("with both", () => { + let value: Ref; + let modifier: Modifier; + beforeAll(() => { + value = ref(0); + modifier = createSequentialModifier(() => [ + createAdditiveModifier(() => ({ + addend: value, + description: "test", + smallerIsBetter: true + })), + createAdditiveModifier(() => ({ + addend: value, + description: "test", + smallerIsBetter: false + })) + ]); + }); + test("negative value", () => { + value.value = -5; + expect((modifier.description as JSXFunction)()).toMatchSnapshot(); + }); + test("zero value", () => { + value.value = 0; + expect((modifier.description as JSXFunction)()).toMatchSnapshot(); + }); + test("positive value", () => { + value.value = 5; + expect((modifier.description as JSXFunction)()).toMatchSnapshot(); + }); + }); + }); +}); + +describe("Create modifier sections", () => { + test("No optional values", () => + expect( + createModifierSection({ + title: "Test", + modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" })) + }) + ).toMatchSnapshot()); + test("With subtitle", () => + expect( + createModifierSection({ + title: "Test", + subtitle: "Subtitle", + modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" })) + }) + ).toMatchSnapshot()); + test("With base", () => + expect( + createModifierSection({ + title: "Test", + modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" })), + base: 10 + }) + ).toMatchSnapshot()); + test("With unit", () => + expect( + createModifierSection({ + title: "Test", + modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" })), + unit: "/s" + }) + ).toMatchSnapshot()); + test("With base", () => + expect( + createModifierSection({ + title: "Test", + modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" })), + baseText: "Based on" + }) + ).toMatchSnapshot()); + test("With baseText", () => + expect( + createModifierSection({ + title: "Test", + modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" })), + baseText: "Based on" + }) + ).toMatchSnapshot()); + describe("With smallerIsBetter", () => { + test("smallerIsBetter = false", () => { + expect( + createModifierSection({ + title: "Test", + modifier: createAdditiveModifier(() => ({ + addend: -5, + description: "Test Desc" + })), + smallerIsBetter: false + }) + ).toMatchSnapshot(); + expect( + createModifierSection({ + title: "Test", + modifier: createAdditiveModifier(() => ({ + addend: 0, + description: "Test Desc" + })), + smallerIsBetter: false + }) + ).toMatchSnapshot(); + expect( + createModifierSection({ + title: "Test", + modifier: createAdditiveModifier(() => ({ + addend: 5, + description: "Test Desc" + })), + smallerIsBetter: false + }) + ).toMatchSnapshot(); + }); + test("smallerIsBetter = true", () => { + expect( + createModifierSection({ + title: "Test", + modifier: createAdditiveModifier(() => ({ + addend: -5, + description: "Test Desc" + })), + smallerIsBetter: true + }) + ).toMatchSnapshot(); + expect( + createModifierSection({ + title: "Test", + modifier: createAdditiveModifier(() => ({ + addend: 0, + description: "Test Desc" + })), + smallerIsBetter: true + }) + ).toMatchSnapshot(); + expect( + createModifierSection({ + title: "Test", + modifier: createAdditiveModifier(() => ({ + addend: 5, + description: "Test Desc" + })), + smallerIsBetter: true + }) + ).toMatchSnapshot(); + }); + }); + test("With everything", () => + expect( + createModifierSection({ + title: "Test", + subtitle: "Subtitle", + modifier: createAdditiveModifier(() => ({ addend: 5, description: "Test Desc" })), + base: 10, + unit: "/s", + baseText: "Based on", + smallerIsBetter: true + }) + ).toMatchSnapshot()); +}); From 8ebfb8536076a979047dfa19ecefb8fa60dfac61 Mon Sep 17 00:00:00 2001 From: thepaperpilot Date: Sun, 16 Apr 2023 12:43:04 -0500 Subject: [PATCH 6/8] Fix smallerIsBetter handling in createCollapsibleModifierSections --- src/data/common.tsx | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/src/data/common.tsx b/src/data/common.tsx index 8050818..304208b 100644 --- a/src/data/common.tsx +++ b/src/data/common.tsx @@ -253,17 +253,17 @@ export interface Section { baseText?: Computable; /** Whether or not this section should be currently visible to the player. **/ visible?: Computable; + /** Determines if numbers larger or smaller than the base should be displayed as red. */ + smallerIsBetter?: boolean; } /** * Takes an array of modifier "sections", and creates a JSXFunction that can render all those sections, and allow each section to be collapsed. * Also returns a list of persistent refs that are used to control which sections are currently collapsed. * @param sectionsFunc A function that returns the sections to display. - * @param smallerIsBetter Determines whether numbers larger or smaller than the base should be displayed as red. */ export function createCollapsibleModifierSections( - sectionsFunc: () => Section[], - smallerIsBetter = false + sectionsFunc: () => Section[] ): [JSXFunction, Persistent>] { const sections: Section[] = []; const processed: @@ -324,7 +324,9 @@ export function createCollapsibleModifierSections( {s.unit} - {renderJSX(unref(s.modifier.description))} + {s.modifier.description == null + ? null + : renderJSX(unref(s.modifier.description))} ); @@ -353,7 +355,7 @@ export function createCollapsibleModifierSections( class="modifier-amount" style={ ( - smallerIsBetter === true + s.smallerIsBetter === true ? Decimal.gt(total, base ?? 1) : Decimal.lt(total, base ?? 1) ) From 80722bd64bebda785ae49578162db5178632116f Mon Sep 17 00:00:00 2001 From: thepaperpilot Date: Sun, 16 Apr 2023 21:15:19 -0500 Subject: [PATCH 7/8] Make noPersist work on objects as well --- src/game/persistence.ts | 44 ++++++++++++++++++++++++++++++++++++++--- 1 file changed, 41 insertions(+), 3 deletions(-) diff --git a/src/game/persistence.ts b/src/game/persistence.ts index b56f52f..712f989 100644 --- a/src/game/persistence.ts +++ b/src/game/persistence.ts @@ -46,6 +46,11 @@ export const SaveDataPath = Symbol("SaveDataPath"); */ export const CheckNaN = Symbol("CheckNaN"); +/** + * A symbol used to flag objects that should not be checked for persistent values. + */ +export const SkipPersistence = Symbol("SkipPersistence"); + /** * This is a union of things that should be safely stringifiable without needing special processes or knowing what to load them in as. * - Decimals aren't allowed because we'd need to know to parse them back. @@ -196,12 +201,42 @@ export function isPersistent(value: unknown): value is Persistent { /** * Unwraps the non-persistent ref inside of persistent refs, to be passed to other features without duplicating values in the save data object. - * @param persistent The persistent ref to unwrap + * @param persistent The persistent ref to unwrap, or an object to ignore all persistent refs within */ export function noPersist, S extends State>( persistent: T -): T[typeof NonPersistent] { - return persistent[NonPersistent]; +): T[typeof NonPersistent]; +export function noPersist(persistent: T): T; +export function noPersist, S extends State>(persistent: T | object) { + // Check for proxy state so if it's a lazy proxy we don't evaluate it's function + // Lazy proxies are not persistent refs themselves, so we know we want to wrap them + return !(ProxyState in persistent) && NonPersistent in persistent + ? persistent[NonPersistent] + : new Proxy(persistent, { + get(target, p) { + if (p === PersistentState) { + return undefined; + } + if (p === SkipPersistence) { + return true; + } + return target[p as keyof typeof target]; + }, + set(target, key, value) { + // eslint-disable-next-line @typescript-eslint/no-explicit-any + (target as Record)[key] = value; + return true; + }, + has(target, key) { + if (key === PersistentState) { + return false; + } + if (key == SkipPersistence) { + return true; + } + return Reflect.has(target, key); + } + }); } /** @@ -226,6 +261,9 @@ globalBus.on("addLayer", (layer: GenericLayer, saveData: Record Object.keys(obj).forEach(key => { let value = obj[key]; if (value != null && typeof value === "object") { + if ((value as Record)[SkipPersistence] === true) { + return; + } if (ProxyState in value) { // eslint-disable-next-line @typescript-eslint/no-explicit-any value = (value as any)[ProxyState] as object; From ba67ff4fe9cec090b7596b575ff1a4d105a57d22 Mon Sep 17 00:00:00 2001 From: thepaperpilot Date: Sun, 16 Apr 2023 21:47:58 -0500 Subject: [PATCH 8/8] Update TS --- package-lock.json | 16 ++++++++-------- package.json | 2 +- src/components/Game.vue | 2 +- src/components/Layer.vue | 4 ---- src/components/Save.vue | 2 +- src/components/SavesManager.vue | 4 ++-- 6 files changed, 13 insertions(+), 17 deletions(-) diff --git a/package-lock.json b/package-lock.json index 31bffe8..6bf4e30 100644 --- a/package-lock.json +++ b/package-lock.json @@ -43,7 +43,7 @@ "eslint": "^8.6.0", "jsdom": "^20.0.0", "prettier": "^2.5.1", - "typescript": "^4.7.4", + "typescript": "^5.0.2", "vitest": "^0.29.3", "vue-tsc": "^0.38.1" }, @@ -7005,16 +7005,16 @@ } }, "node_modules/typescript": { - "version": "4.7.4", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.7.4.tgz", - "integrity": "sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==", + "version": "5.0.4", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz", + "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==", "dev": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" }, "engines": { - "node": ">=4.2.0" + "node": ">=12.20" } }, "node_modules/ufo": { @@ -12971,9 +12971,9 @@ "integrity": "sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==" }, "typescript": { - "version": "4.7.4", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.7.4.tgz", - "integrity": "sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==", + "version": "5.0.4", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz", + "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==", "dev": true }, "ufo": { diff --git a/package.json b/package.json index 0bf023d..9285057 100644 --- a/package.json +++ b/package.json @@ -47,7 +47,7 @@ "eslint": "^8.6.0", "jsdom": "^20.0.0", "prettier": "^2.5.1", - "typescript": "^4.7.4", + "typescript": "^5.0.2", "vitest": "^0.29.3", "vue-tsc": "^0.38.1" }, diff --git a/src/components/Game.vue b/src/components/Game.vue index 680273a..1975696 100644 --- a/src/components/Game.vue +++ b/src/components/Game.vue @@ -13,7 +13,7 @@ v-if="layerKeys.includes(tab)" v-bind="gatherLayerProps(layers[tab]!)" :index="index" - @set-minimized="value => (layers[tab]!.minimized.value = value)" + @set-minimized="(value: boolean) => (layers[tab]!.minimized.value = value)" /> diff --git a/src/components/Layer.vue b/src/components/Layer.vue index a3fffda..c00cf8a 100644 --- a/src/components/Layer.vue +++ b/src/components/Layer.vue @@ -73,10 +73,6 @@ export default defineComponent({ player.tabs.splice(unref(props.index), Infinity); } - function setMinimized(min: boolean) { - minimized.value = min; - } - function updateNodes(nodes: Record) { props.nodes.value = nodes; } diff --git a/src/components/Save.vue b/src/components/Save.vue index 1ff2496..77d2988 100644 --- a/src/components/Save.vue +++ b/src/components/Save.vue @@ -33,7 +33,7 @@ delete diff --git a/src/components/SavesManager.vue b/src/components/SavesManager.vue index 91edd40..b1bf7e0 100644 --- a/src/components/SavesManager.vue +++ b/src/components/SavesManager.vue @@ -15,7 +15,7 @@ :save="saves[element]" @open="openSave(element)" @export="exportSave(element)" - @editName="name => editSave(element, name)" + @editName="(name: string) => editSave(element, name)" @duplicate="duplicateSave(element)" @delete="deleteSave(element)" /> @@ -38,7 +38,7 @@ v-if="Object.keys(bank).length > 0" :options="bank" :modelValue="selectedPreset" - @update:modelValue="preset => newFromPreset(preset as string)" + @update:modelValue="(preset: unknown) => newFromPreset(preset as string)" closeOnSelect placeholder="Select preset" class="presets"