@grafana/k6-test-builder 0.6.1-alpha.1 → 0.7.0

package/dist/index.d.ts

@@ -346,6 +346,7 @@ interface TestBuilderStandaloneProps {
     saving?: boolean;
     k6Test?: TestBuilderTest;
     hasCloudExecution?: boolean;
+    hasFractionalVUhResolution?: boolean;
     availableLoadZones?: LoadZoneDataItem[];
     DocsLinkComponent?: ElementType<DocsLinkProps>;
     onViewChange?: (view: string) => void;
@@ -359,7 +360,7 @@ interface TestBuilderStandaloneProps {
     openImportModal?: BaseBuilderContextValue['openImportModal'];
     startRecorder?: BaseBuilderContextValue['startRecorder'];
 }
-export function TestBuilder({ loading, saving, k6Test, hasCloudExecution, availableLoadZones, DocsLinkComponent, onViewChange, StagesVirtualizationComponent, ScriptEditorComponent, TestBuilderIconComponent, readonlyScriptScenarios, apmConfigs, hasCloudAPM, disableAPM, openImportModal, startRecorder, }: TestBuilderStandaloneProps): JSX.Element;
+export function TestBuilder({ loading, saving, k6Test, hasCloudExecution, hasFractionalVUhResolution, availableLoadZones, DocsLinkComponent, onViewChange, StagesVirtualizationComponent, ScriptEditorComponent, TestBuilderIconComponent, readonlyScriptScenarios, apmConfigs, hasCloudAPM, disableAPM, openImportModal, startRecorder, }: TestBuilderStandaloneProps): JSX.Element;
 interface Label {
     name: string;
     value: string;

package/dist/index.js

@@ -1099,6 +1099,7 @@ const $b0053bc75d27f892$var$defaultContext = {
     ],
     DocsLinkComponent: (0, $cd402c1b3ca4b836$export$e816d7af81d48a79),
     hasCloudExecution: false,
+    hasFractionalVUhResolution: false,
     readonlyScriptScenarios: true,
     TestBuilderIconComponent: (0, $924f96bd0d5c630d$export$cc0ae9a5c96bcd6f),
     apmConfigs: [],
@@ -1632,6 +1633,9 @@ function $90b0cfd5919312e7$export$c38d1d963d26061e(state) {
 function $90b0cfd5919312e7$export$ae763f5129c1544a(state) {
     return state.ui.hasCloudExecution;
 }
+function $90b0cfd5919312e7$export$e6a428d399561b3f(state) {
+    return state.ui.hasFractionalVUhResolution;
+}
 function $90b0cfd5919312e7$export$15d5f46743a7d01c(state) {
     return state.ui.availableLoadZones;
 }
@@ -1658,6 +1662,7 @@ const $5dd5dedd6ce134dc$export$d4c72bab9d6cc13a = {
     view: "scenarios/default",
     // 'default' doesn't mean anything special, it's instead of an id
     hasCloudExecution: false,
+    hasFractionalVUhResolution: false,
     availableLoadZones: []
 };
 
@@ -1713,6 +1718,9 @@ const $4016baaeec60d4ee$export$83c693298dde2c4f = (0, $gkIgo$reduxjstoolkit.crea
         setHasCloudExecution (state, action) {
             state.hasCloudExecution = action.payload;
         },
+        setHasFractionalVUhResolution (state, action) {
+            state.hasFractionalVUhResolution = action.payload;
+        },
         setAvailableLoadZones (state, action) {
             state.availableLoadZones = action.payload;
         },
@@ -1728,7 +1736,7 @@ const $4016baaeec60d4ee$export$95881ffef5b0c248 = $4016baaeec60d4ee$export$83c69
 const $4016baaeec60d4ee$export$e324594224ef24da = $4016baaeec60d4ee$export$83c693298dde2c4f.actions;
 
 
-const { init: $eeeed770fbbe0766$export$2cd8252107eb640b , setAdvancedOptionsTab: $eeeed770fbbe0766$export$267d608097309f30 , setAvailableLoadZones: $eeeed770fbbe0766$export$9f9f33201c1586de , setHasCloudExecution: $eeeed770fbbe0766$export$f89a1b8f393b8bb6 , setIsLoading: $eeeed770fbbe0766$export$9eaa806651dd33f0 , setView: $eeeed770fbbe0766$export$78fa5045d0400717 , setIsSaving: $eeeed770fbbe0766$export$ad10cacbaf4608fe , setShowTestScript: $eeeed770fbbe0766$export$8fadc49d0b5909c , setUnsavedChanges: $eeeed770fbbe0766$export$278d42400282afa6  } = (0, $4016baaeec60d4ee$export$e324594224ef24da);
+const { init: $eeeed770fbbe0766$export$2cd8252107eb640b , setAdvancedOptionsTab: $eeeed770fbbe0766$export$267d608097309f30 , setAvailableLoadZones: $eeeed770fbbe0766$export$9f9f33201c1586de , setHasCloudExecution: $eeeed770fbbe0766$export$f89a1b8f393b8bb6 , setHasFractionalVUhResolution: $eeeed770fbbe0766$export$92220e1782a52292 , setIsLoading: $eeeed770fbbe0766$export$9eaa806651dd33f0 , setView: $eeeed770fbbe0766$export$78fa5045d0400717 , setIsSaving: $eeeed770fbbe0766$export$ad10cacbaf4608fe , setShowTestScript: $eeeed770fbbe0766$export$8fadc49d0b5909c , setUnsavedChanges: $eeeed770fbbe0766$export$278d42400282afa6  } = (0, $4016baaeec60d4ee$export$e324594224ef24da);
 
 
 
@@ -2230,6 +2238,13 @@ function $4bac6ee95b8c8b72$export$5a00511f040384d7(timeInSeconds = 0) {
     }
     return `${Math.round(totalSeconds / 60)}min`;
 }
+function $4bac6ee95b8c8b72$export$435f89f92ea3c766(hasFractionalVUhResolution, vus, duration) {
+    if (hasFractionalVUhResolution) return Math.max(1.0, $4bac6ee95b8c8b72$var$roundup(vus * duration / 3600, 0.01));
+    else return Math.max(1.0, vus * Math.ceil(duration / 3600.0));
+}
+function $4bac6ee95b8c8b72$var$roundup(value, fraction) {
+    return Math.ceil(value / fraction) * fraction;
+}
 
 
 function $5b497aacff60262b$var$_defineProperty(obj, key, value) {
@@ -3165,6 +3180,11 @@ function $b714db607dbce577$export$ce740c17ce134c88(stages = []) {
         return Math.max(accumulator, Number(stage.target));
     }, 0);
 }
+function $b714db607dbce577$export$33cd2c632b520a28(stages = []) {
+    return stages.reduce((accumulator, stage)=>{
+        return Math.max(accumulator, $b714db607dbce577$export$35d89f711450937a(stage.duration));
+    }, 0);
+}
 function $b714db607dbce577$export$35d89f711450937a(duration = "") {
     const regexp = new RegExp(/(\d+|\d+\.\d+)([hms])/gim);
     const matches = [
@@ -3204,6 +3224,7 @@ function $b714db607dbce577$export$9427da4570bcea21(target) {
 
 
 
+
 const { selectAll: $c5bb589de61e43ba$var$selectAll , selectTotal: $c5bb589de61e43ba$var$selectTotal , selectById: $c5bb589de61e43ba$var$selectById , selectIds: $c5bb589de61e43ba$var$selectIds  } = (0, $3d1078687a0e83cd$export$8317e238293a29c9).getSelectors((state)=>state.scenarios);
 function $c5bb589de61e43ba$export$3c3c871389323db3(state) {
     if (!state.scenarios) return [];
@@ -3501,6 +3522,41 @@ const $c5bb589de61e43ba$export$b7fc4be04e2b72c4 = (0, $gkIgo$reduxjstoolkit.crea
     }, 0);
     return exact ? max : `≥ ${max}`;
 });
+const $c5bb589de61e43ba$export$e6bea69880c59e62 = (0, $gkIgo$reduxjstoolkit.createSelector)($c5bb589de61e43ba$export$3c3c871389323db3, (0, $90b0cfd5919312e7$export$e6a428d399561b3f), (scenarios, hasFractionalVUhResolution)=>{
+    let exact = true;
+    const vuhs = scenarios.reduce((accumulator, { options: options  })=>{
+        let addition = 0;
+        switch(options.executor){
+            case (0, $d331dbc145b152de$export$98a460cbb8841ef).SharedIterations:
+                addition = (0, $4bac6ee95b8c8b72$export$435f89f92ea3c766)(hasFractionalVUhResolution, options.vus || (0, $0b027691e54da67d$export$99cd8ce77b900de9).vus, (0, $b714db607dbce577$export$35d89f711450937a)(options.maxDuration));
+                break;
+            case (0, $d331dbc145b152de$export$98a460cbb8841ef).PerVUIterations:
+                addition = (0, $4bac6ee95b8c8b72$export$435f89f92ea3c766)(hasFractionalVUhResolution, options.vus || (0, $0b027691e54da67d$export$a8001a7c13efb87e).vus, (0, $b714db607dbce577$export$35d89f711450937a)(options.maxDuration));
+                break;
+            case (0, $d331dbc145b152de$export$98a460cbb8841ef).ConstantVUs:
+                addition = (0, $4bac6ee95b8c8b72$export$435f89f92ea3c766)(hasFractionalVUhResolution, options.vus || (0, $0b027691e54da67d$export$2c92437f53907be7).vus, (0, $b714db607dbce577$export$35d89f711450937a)(options.duration));
+                break;
+            case (0, $d331dbc145b152de$export$98a460cbb8841ef).RampingVUs:
+                addition = (0, $4bac6ee95b8c8b72$export$435f89f92ea3c766)(hasFractionalVUhResolution, (0, $b714db607dbce577$export$ce740c17ce134c88)(options.stages), (0, $b714db607dbce577$export$33cd2c632b520a28)(options.stages));
+                break;
+            case (0, $d331dbc145b152de$export$98a460cbb8841ef).ConstantArrivalRate:
+            case (0, $d331dbc145b152de$export$98a460cbb8841ef).RampingArrivalRate:
+                {
+                    const defaults = options.executor === (0, $d331dbc145b152de$export$98a460cbb8841ef).ConstantArrivalRate ? (0, $0b027691e54da67d$export$7f7b8742f8fe13fc) : (0, $0b027691e54da67d$export$301f34b9bbf2e6c5);
+                    const vus = Math.max(options.preAllocatedVUs || defaults.preAllocatedVUs, options.maxVUs || defaults.maxVUs || 0);
+                    const duration = options.executor === (0, $d331dbc145b152de$export$98a460cbb8841ef).ConstantArrivalRate ? (0, $b714db607dbce577$export$35d89f711450937a)(options.duration) : (0, $b714db607dbce577$export$33cd2c632b520a28)(options.stages);
+                    addition = (0, $4bac6ee95b8c8b72$export$435f89f92ea3c766)(hasFractionalVUhResolution, vus, duration);
+                    if (!options.maxVUs && !defaults.maxVUs) exact = false;
+                    break;
+                }
+            default:
+                (0, $1c4cc247633c6592$export$af88d00dbe7f521).error("getVUhs: Trying to get VUhs for unknown executor type (%s)", // @ts-ignore
+                options.executor);
+        }
+        return accumulator + addition;
+    }, 0);
+    return exact ? vuhs : `≥ ${vuhs}`;
+});
 const $c5bb589de61e43ba$export$8b4afeb4d5ebc7f2 = (0, $gkIgo$reduxjstoolkit.createSelector)([
     $c5bb589de61e43ba$export$fc1e5a8eff15c4a5
 ], (scenario)=>{
@@ -5192,13 +5248,19 @@ function $cdee3562a1fa264f$export$9cc0a26cbe829bcb() {
 }
 function $cdee3562a1fa264f$export$e3a1a4f1e85dc208() {
     const dispatch = $cdee3562a1fa264f$export$371624ce4da5e319();
-    const { hasCloudExecution: hasCloudExecution = false , k6Test: k6Test , availableLoadZones: availableLoadZones = []  } = (0, $b0053bc75d27f892$export$8bcb3cb1ba0d67a7)();
+    const { hasCloudExecution: hasCloudExecution = false , hasFractionalVUhResolution: hasFractionalVUhResolution = false , k6Test: k6Test , availableLoadZones: availableLoadZones = []  } = (0, $b0053bc75d27f892$export$8bcb3cb1ba0d67a7)();
     (0, $gkIgo$react.useEffect)(()=>{
         dispatch((0, $eeeed770fbbe0766$export$f89a1b8f393b8bb6)(Boolean(hasCloudExecution)));
     }, [
         dispatch,
         hasCloudExecution
     ]);
+    (0, $gkIgo$react.useEffect)(()=>{
+        dispatch((0, $eeeed770fbbe0766$export$92220e1782a52292)(Boolean(hasFractionalVUhResolution)));
+    }, [
+        dispatch,
+        hasFractionalVUhResolution
+    ]);
     (0, $gkIgo$react.useEffect)(()=>{
         const { loadZones: loadZones , config: config , thresholds: thresholds , scenarios: scenarios , name: name , id: id  } = new (0, $27b7f69a914929cd$export$1576fc997deee1a4)(k6Test).toObject();
         dispatch((0, $7014956835638f99$export$a75bd9e6b09c915e)(loadZones));
@@ -8191,8 +8253,10 @@ const $4efcda42d6ce57af$export$9a75ed5a99cf0511 = (props)=>{
     ]);
     const disableStatistics = !statisticsOptions.length;
     const handleDelete = ()=>dispatch((0, $f51ad74c1a393c6c$export$b7e4565ed8378479)(index));
+    const [valueError, setValueError] = (0, $gkIgo$react.useState)();
     const createOnChangeHandler = (key, onSuccess)=>{
         return ({ target: { value: value  }  })=>{
+            if (key === "value" && typeof value === "string") validateThresholdValue(value);
             dispatch((0, $f51ad74c1a393c6c$export$7a98fbd10fd8a51f)(index, key, value));
             onSuccess && onSuccess(value);
         };
@@ -8202,6 +8266,11 @@ const $4efcda42d6ce57af$export$9a75ed5a99cf0511 = (props)=>{
         if ((0, $536aa1751e69cdba$export$2e33e3c2b2cbdd89)(value).find((s)=>s.value === statistic)) return;
         dispatch((0, $f51ad74c1a393c6c$export$7a98fbd10fd8a51f)(index, "statistic", ""));
     };
+    const validateThresholdValue = (val)=>{
+        if (!val) return;
+        const regexpPositiveNumber = /^\d+(\.\d+)?$/;
+        setValueError(regexpPositiveNumber.test(val) ? undefined : "enter a positive number");
+    };
     (0, $gkIgo$react.useEffect)(()=>{
         // Set URL to default '' if the request with the selected URL has been deleted/modified
         if (url !== "" && url !== "all" && !requestsURLs.includes(url)) dispatch((0, $f51ad74c1a393c6c$export$7a98fbd10fd8a51f)(index, "url", ""));
@@ -8243,6 +8312,8 @@ const $4efcda42d6ce57af$export$9a75ed5a99cf0511 = (props)=>{
                 value: value,
                 placeholder: "Threshold value",
                 onChange: createOnChangeHandler("value"),
+                error: !!valueError,
+                helperText: valueError,
                 InputProps: {
                     endAdornment: /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsx)((0, $gkIgo$materialuicore.InputAdornment), {
                         position: "end",
@@ -14475,7 +14546,7 @@ function $1ae39e1e435a2397$export$9bb8a8c9de09825e({ children: children  }) {
 
 
 
-function $00b916e228a936f5$export$f290710bbb710efa({ loading: loading , saving: saving , k6Test: k6Test , hasCloudExecution: hasCloudExecution , availableLoadZones: availableLoadZones = [
+function $00b916e228a936f5$export$f290710bbb710efa({ loading: loading , saving: saving , k6Test: k6Test , hasCloudExecution: hasCloudExecution , hasFractionalVUhResolution: hasFractionalVUhResolution , availableLoadZones: availableLoadZones = [
     {
         id: 1,
         country: "us",
@@ -14487,6 +14558,7 @@ function $00b916e228a936f5$export$f290710bbb710efa({ loading: loading , saving:
     const context = {
         k6Test: k6Test,
         hasCloudExecution: hasCloudExecution,
+        hasFractionalVUhResolution: hasFractionalVUhResolution,
         availableLoadZones: availableLoadZones,
         DocsLinkComponent: DocsLinkComponent,
         onViewChange: onViewChange,
@@ -15247,6 +15319,22 @@ const $efeb6023758e4c8d$export$4202723ba73439f5 = /*#__PURE__*/ (0, $gkIgo$react
 
 
 
+
+
+const $723b70ee4d7f62e8$export$1ae172e61ce3735b = /*#__PURE__*/ (0, $gkIgo$react.forwardRef)(({ props: props  }, ref)=>/*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsx)("svg", {
+        ref: ref,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1.1em",
+        height: "1.2em",
+        viewBox: "0 0 24 24",
+        ...props,
+        children: /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsx)("path", {
+            fill: "currentColor",
+            d: "M8.46777,8.39453l-.00225.00183-.00214.00208ZM18.42188,8.208a1.237,1.237,0,0,0-.23-.17481.99959.99959,0,0,0-1.39941.41114,5.78155,5.78155,0,0,1-1.398,1.77734,8.6636,8.6636,0,0,0,.1333-1.50977,8.71407,8.71407,0,0,0-4.40039-7.582,1.00009,1.00009,0,0,0-1.49121.80567A7.017,7.017,0,0,1,7.165,6.87793l-.23047.1875a8.51269,8.51269,0,0,0-1.9873,1.8623A8.98348,8.98348,0,0,0,8.60254,22.83594.99942.99942,0,0,0,9.98,21.91016a1.04987,1.04987,0,0,0-.0498-.3125,6.977,6.977,0,0,1-.18995-2.58106,9.004,9.004,0,0,0,4.3125,4.0166.997.997,0,0,0,.71534.03809A8.99474,8.99474,0,0,0,18.42188,8.208ZM14.51709,21.03906a6.964,6.964,0,0,1-3.57666-4.40234,8.90781,8.90781,0,0,1-.17969-.96387,1.00025,1.00025,0,0,0-.79931-.84473A.982.982,0,0,0,9.77,14.80957a.99955.99955,0,0,0-.8667.501,8.9586,8.9586,0,0,0-1.20557,4.71777,6.98547,6.98547,0,0,1-1.17529-9.86816,6.55463,6.55463,0,0,1,1.562-1.458.74507.74507,0,0,0,.07422-.05469s.29669-.24548.30683-.2511a8.96766,8.96766,0,0,0,2.89874-4.63269,6.73625,6.73625,0,0,1,1.38623,8.08789,1.00024,1.00024,0,0,0,1.18359,1.418,7.85568,7.85568,0,0,0,3.86231-2.6875,7.00072,7.00072,0,0,1-3.2793,10.457Z"
+        })
+    }));
+
+
 const $02d0d7ea86297262$var$Group = /*#__PURE__*/ (0, ($parcel$interopDefault($gkIgo$styledcomponents))).div.withConfig({
     displayName: "TestMetaInformation__Group",
     componentId: "sc-1iuml17-0"
@@ -15265,6 +15353,7 @@ const $02d0d7ea86297262$var$Container = /*#__PURE__*/ (0, ($parcel$interopDefaul
 const $02d0d7ea86297262$export$93f0f0dfc0a5be37 = ({ className: className  })=>{
     const totalTime = (0, $cdee3562a1fa264f$export$9b8881d67105457d)((0, $c5bb589de61e43ba$export$e73da3986effb0a3));
     const maxVUs = (0, $cdee3562a1fa264f$export$9b8881d67105457d)((0, $c5bb589de61e43ba$export$b7fc4be04e2b72c4));
+    const vuhs = (0, $cdee3562a1fa264f$export$9b8881d67105457d)((0, $c5bb589de61e43ba$export$e6bea69880c59e62));
     const usedLoadZones = (0, $cdee3562a1fa264f$export$9b8881d67105457d)((0, $cd701400f17d4ede$export$62a321f0b5eed932));
     const availableLoadZones = (0, $cdee3562a1fa264f$export$9b8881d67105457d)((0, $90b0cfd5919312e7$export$15d5f46743a7d01c));
     const loadZones = (0, $gkIgo$react.useMemo)(()=>{
@@ -15312,6 +15401,15 @@ const $02d0d7ea86297262$export$93f0f0dfc0a5be37 = ({ className: className  })=>{
         children: /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsxs)($02d0d7ea86297262$var$Container, {
             className: className,
             children: [
+                /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsxs)($02d0d7ea86297262$var$Group, {
+                    children: [
+                        /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsx)((0, $723b70ee4d7f62e8$export$1ae172e61ce3735b), {}),
+                        /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsx)("span", {
+                            children: (0, $4bac6ee95b8c8b72$export$362b9e721fb12a1b)(vuhs)
+                        }),
+                        "\xa0VUh"
+                    ]
+                }),
                 /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsxs)($02d0d7ea86297262$var$Group, {
                     children: [
                         /*#__PURE__*/ (0, $gkIgo$reactjsxruntime.jsx)((0, $efeb6023758e4c8d$export$4202723ba73439f5), {}),

package/dist/module.js

@@ -1076,6 +1076,7 @@ const $4cf6d05a57acd1d1$var$defaultContext = {
     ],
     DocsLinkComponent: (0, $a2bbc3b49e805484$export$e816d7af81d48a79),
     hasCloudExecution: false,
+    hasFractionalVUhResolution: false,
     readonlyScriptScenarios: true,
     TestBuilderIconComponent: (0, $a80b21e889559c22$export$cc0ae9a5c96bcd6f),
     apmConfigs: [],
@@ -1609,6 +1610,9 @@ function $8497e93aef02a037$export$c38d1d963d26061e(state) {
 function $8497e93aef02a037$export$ae763f5129c1544a(state) {
     return state.ui.hasCloudExecution;
 }
+function $8497e93aef02a037$export$e6a428d399561b3f(state) {
+    return state.ui.hasFractionalVUhResolution;
+}
 function $8497e93aef02a037$export$15d5f46743a7d01c(state) {
     return state.ui.availableLoadZones;
 }
@@ -1635,6 +1639,7 @@ const $7ef4afb8c4d4abe0$export$d4c72bab9d6cc13a = {
     view: "scenarios/default",
     // 'default' doesn't mean anything special, it's instead of an id
     hasCloudExecution: false,
+    hasFractionalVUhResolution: false,
     availableLoadZones: []
 };
 
@@ -1690,6 +1695,9 @@ const $7761e2aa524882e4$export$83c693298dde2c4f = (0, $b7VBt$createSlice)({
         setHasCloudExecution (state, action) {
             state.hasCloudExecution = action.payload;
         },
+        setHasFractionalVUhResolution (state, action) {
+            state.hasFractionalVUhResolution = action.payload;
+        },
         setAvailableLoadZones (state, action) {
             state.availableLoadZones = action.payload;
         },
@@ -1705,7 +1713,7 @@ const $7761e2aa524882e4$export$95881ffef5b0c248 = $7761e2aa524882e4$export$83c69
 const $7761e2aa524882e4$export$e324594224ef24da = $7761e2aa524882e4$export$83c693298dde2c4f.actions;
 
 
-const { init: $8592aa8dcb3902ac$export$2cd8252107eb640b , setAdvancedOptionsTab: $8592aa8dcb3902ac$export$267d608097309f30 , setAvailableLoadZones: $8592aa8dcb3902ac$export$9f9f33201c1586de , setHasCloudExecution: $8592aa8dcb3902ac$export$f89a1b8f393b8bb6 , setIsLoading: $8592aa8dcb3902ac$export$9eaa806651dd33f0 , setView: $8592aa8dcb3902ac$export$78fa5045d0400717 , setIsSaving: $8592aa8dcb3902ac$export$ad10cacbaf4608fe , setShowTestScript: $8592aa8dcb3902ac$export$8fadc49d0b5909c , setUnsavedChanges: $8592aa8dcb3902ac$export$278d42400282afa6  } = (0, $7761e2aa524882e4$export$e324594224ef24da);
+const { init: $8592aa8dcb3902ac$export$2cd8252107eb640b , setAdvancedOptionsTab: $8592aa8dcb3902ac$export$267d608097309f30 , setAvailableLoadZones: $8592aa8dcb3902ac$export$9f9f33201c1586de , setHasCloudExecution: $8592aa8dcb3902ac$export$f89a1b8f393b8bb6 , setHasFractionalVUhResolution: $8592aa8dcb3902ac$export$92220e1782a52292 , setIsLoading: $8592aa8dcb3902ac$export$9eaa806651dd33f0 , setView: $8592aa8dcb3902ac$export$78fa5045d0400717 , setIsSaving: $8592aa8dcb3902ac$export$ad10cacbaf4608fe , setShowTestScript: $8592aa8dcb3902ac$export$8fadc49d0b5909c , setUnsavedChanges: $8592aa8dcb3902ac$export$278d42400282afa6  } = (0, $7761e2aa524882e4$export$e324594224ef24da);
 
 
 
@@ -2207,6 +2215,13 @@ function $f54872b9dc7588c3$export$5a00511f040384d7(timeInSeconds = 0) {
     }
     return `${Math.round(totalSeconds / 60)}min`;
 }
+function $f54872b9dc7588c3$export$435f89f92ea3c766(hasFractionalVUhResolution, vus, duration) {
+    if (hasFractionalVUhResolution) return Math.max(1.0, $f54872b9dc7588c3$var$roundup(vus * duration / 3600, 0.01));
+    else return Math.max(1.0, vus * Math.ceil(duration / 3600.0));
+}
+function $f54872b9dc7588c3$var$roundup(value, fraction) {
+    return Math.ceil(value / fraction) * fraction;
+}
 
 
 function $3c3ef340187867fd$var$_defineProperty(obj, key, value) {
@@ -3142,6 +3157,11 @@ function $211a5ec4efef370d$export$ce740c17ce134c88(stages = []) {
         return Math.max(accumulator, Number(stage.target));
     }, 0);
 }
+function $211a5ec4efef370d$export$33cd2c632b520a28(stages = []) {
+    return stages.reduce((accumulator, stage)=>{
+        return Math.max(accumulator, $211a5ec4efef370d$export$35d89f711450937a(stage.duration));
+    }, 0);
+}
 function $211a5ec4efef370d$export$35d89f711450937a(duration = "") {
     const regexp = new RegExp(/(\d+|\d+\.\d+)([hms])/gim);
     const matches = [
@@ -3181,6 +3201,7 @@ function $211a5ec4efef370d$export$9427da4570bcea21(target) {
 
 
 
+
 const { selectAll: $d7b1b7c6f96b1d0a$var$selectAll , selectTotal: $d7b1b7c6f96b1d0a$var$selectTotal , selectById: $d7b1b7c6f96b1d0a$var$selectById , selectIds: $d7b1b7c6f96b1d0a$var$selectIds  } = (0, $41ac3dbeb5bfb5b0$export$8317e238293a29c9).getSelectors((state)=>state.scenarios);
 function $d7b1b7c6f96b1d0a$export$3c3c871389323db3(state) {
     if (!state.scenarios) return [];
@@ -3478,6 +3499,41 @@ const $d7b1b7c6f96b1d0a$export$b7fc4be04e2b72c4 = (0, $b7VBt$createSelector)($d7
     }, 0);
     return exact ? max : `≥ ${max}`;
 });
+const $d7b1b7c6f96b1d0a$export$e6bea69880c59e62 = (0, $b7VBt$createSelector)($d7b1b7c6f96b1d0a$export$3c3c871389323db3, (0, $8497e93aef02a037$export$e6a428d399561b3f), (scenarios, hasFractionalVUhResolution)=>{
+    let exact = true;
+    const vuhs = scenarios.reduce((accumulator, { options: options  })=>{
+        let addition = 0;
+        switch(options.executor){
+            case (0, $fb7850f041d915c8$export$98a460cbb8841ef).SharedIterations:
+                addition = (0, $f54872b9dc7588c3$export$435f89f92ea3c766)(hasFractionalVUhResolution, options.vus || (0, $c7adc130bba31664$export$99cd8ce77b900de9).vus, (0, $211a5ec4efef370d$export$35d89f711450937a)(options.maxDuration));
+                break;
+            case (0, $fb7850f041d915c8$export$98a460cbb8841ef).PerVUIterations:
+                addition = (0, $f54872b9dc7588c3$export$435f89f92ea3c766)(hasFractionalVUhResolution, options.vus || (0, $c7adc130bba31664$export$a8001a7c13efb87e).vus, (0, $211a5ec4efef370d$export$35d89f711450937a)(options.maxDuration));
+                break;
+            case (0, $fb7850f041d915c8$export$98a460cbb8841ef).ConstantVUs:
+                addition = (0, $f54872b9dc7588c3$export$435f89f92ea3c766)(hasFractionalVUhResolution, options.vus || (0, $c7adc130bba31664$export$2c92437f53907be7).vus, (0, $211a5ec4efef370d$export$35d89f711450937a)(options.duration));
+                break;
+            case (0, $fb7850f041d915c8$export$98a460cbb8841ef).RampingVUs:
+                addition = (0, $f54872b9dc7588c3$export$435f89f92ea3c766)(hasFractionalVUhResolution, (0, $211a5ec4efef370d$export$ce740c17ce134c88)(options.stages), (0, $211a5ec4efef370d$export$33cd2c632b520a28)(options.stages));
+                break;
+            case (0, $fb7850f041d915c8$export$98a460cbb8841ef).ConstantArrivalRate:
+            case (0, $fb7850f041d915c8$export$98a460cbb8841ef).RampingArrivalRate:
+                {
+                    const defaults = options.executor === (0, $fb7850f041d915c8$export$98a460cbb8841ef).ConstantArrivalRate ? (0, $c7adc130bba31664$export$7f7b8742f8fe13fc) : (0, $c7adc130bba31664$export$301f34b9bbf2e6c5);
+                    const vus = Math.max(options.preAllocatedVUs || defaults.preAllocatedVUs, options.maxVUs || defaults.maxVUs || 0);
+                    const duration = options.executor === (0, $fb7850f041d915c8$export$98a460cbb8841ef).ConstantArrivalRate ? (0, $211a5ec4efef370d$export$35d89f711450937a)(options.duration) : (0, $211a5ec4efef370d$export$33cd2c632b520a28)(options.stages);
+                    addition = (0, $f54872b9dc7588c3$export$435f89f92ea3c766)(hasFractionalVUhResolution, vus, duration);
+                    if (!options.maxVUs && !defaults.maxVUs) exact = false;
+                    break;
+                }
+            default:
+                (0, $77857f570335d7ae$export$af88d00dbe7f521).error("getVUhs: Trying to get VUhs for unknown executor type (%s)", // @ts-ignore
+                options.executor);
+        }
+        return accumulator + addition;
+    }, 0);
+    return exact ? vuhs : `≥ ${vuhs}`;
+});
 const $d7b1b7c6f96b1d0a$export$8b4afeb4d5ebc7f2 = (0, $b7VBt$createSelector)([
     $d7b1b7c6f96b1d0a$export$fc1e5a8eff15c4a5
 ], (scenario)=>{
@@ -5169,13 +5225,19 @@ function $f33bf9327a1ab3ee$export$9cc0a26cbe829bcb() {
 }
 function $f33bf9327a1ab3ee$export$e3a1a4f1e85dc208() {
     const dispatch = $f33bf9327a1ab3ee$export$371624ce4da5e319();
-    const { hasCloudExecution: hasCloudExecution = false , k6Test: k6Test , availableLoadZones: availableLoadZones = []  } = (0, $4cf6d05a57acd1d1$export$8bcb3cb1ba0d67a7)();
+    const { hasCloudExecution: hasCloudExecution = false , hasFractionalVUhResolution: hasFractionalVUhResolution = false , k6Test: k6Test , availableLoadZones: availableLoadZones = []  } = (0, $4cf6d05a57acd1d1$export$8bcb3cb1ba0d67a7)();
     (0, $b7VBt$useEffect)(()=>{
         dispatch((0, $8592aa8dcb3902ac$export$f89a1b8f393b8bb6)(Boolean(hasCloudExecution)));
     }, [
         dispatch,
         hasCloudExecution
     ]);
+    (0, $b7VBt$useEffect)(()=>{
+        dispatch((0, $8592aa8dcb3902ac$export$92220e1782a52292)(Boolean(hasFractionalVUhResolution)));
+    }, [
+        dispatch,
+        hasFractionalVUhResolution
+    ]);
     (0, $b7VBt$useEffect)(()=>{
         const { loadZones: loadZones , config: config , thresholds: thresholds , scenarios: scenarios , name: name , id: id  } = new (0, $ab0d82593c0c1516$export$1576fc997deee1a4)(k6Test).toObject();
         dispatch((0, $f4368230f633744e$export$a75bd9e6b09c915e)(loadZones));
@@ -8168,8 +8230,10 @@ const $d221d46810783302$export$9a75ed5a99cf0511 = (props)=>{
     ]);
     const disableStatistics = !statisticsOptions.length;
     const handleDelete = ()=>dispatch((0, $a6a312292842f1bc$export$b7e4565ed8378479)(index));
+    const [valueError, setValueError] = (0, $b7VBt$useState)();
     const createOnChangeHandler = (key, onSuccess)=>{
         return ({ target: { value: value  }  })=>{
+            if (key === "value" && typeof value === "string") validateThresholdValue(value);
             dispatch((0, $a6a312292842f1bc$export$7a98fbd10fd8a51f)(index, key, value));
             onSuccess && onSuccess(value);
         };
@@ -8179,6 +8243,11 @@ const $d221d46810783302$export$9a75ed5a99cf0511 = (props)=>{
         if ((0, $46f0f9c909db815a$export$2e33e3c2b2cbdd89)(value).find((s)=>s.value === statistic)) return;
         dispatch((0, $a6a312292842f1bc$export$7a98fbd10fd8a51f)(index, "statistic", ""));
     };
+    const validateThresholdValue = (val)=>{
+        if (!val) return;
+        const regexpPositiveNumber = /^\d+(\.\d+)?$/;
+        setValueError(regexpPositiveNumber.test(val) ? undefined : "enter a positive number");
+    };
     (0, $b7VBt$useEffect)(()=>{
         // Set URL to default '' if the request with the selected URL has been deleted/modified
         if (url !== "" && url !== "all" && !requestsURLs.includes(url)) dispatch((0, $a6a312292842f1bc$export$7a98fbd10fd8a51f)(index, "url", ""));
@@ -8220,6 +8289,8 @@ const $d221d46810783302$export$9a75ed5a99cf0511 = (props)=>{
                 value: value,
                 placeholder: "Threshold value",
                 onChange: createOnChangeHandler("value"),
+                error: !!valueError,
+                helperText: valueError,
                 InputProps: {
                     endAdornment: /*#__PURE__*/ (0, $b7VBt$jsx)((0, $b7VBt$InputAdornment), {
                         position: "end",
@@ -14452,7 +14523,7 @@ function $59eb99f127c45ea7$export$9bb8a8c9de09825e({ children: children  }) {
 
 
 
-function $045b658c7184976c$export$f290710bbb710efa({ loading: loading , saving: saving , k6Test: k6Test , hasCloudExecution: hasCloudExecution , availableLoadZones: availableLoadZones = [
+function $045b658c7184976c$export$f290710bbb710efa({ loading: loading , saving: saving , k6Test: k6Test , hasCloudExecution: hasCloudExecution , hasFractionalVUhResolution: hasFractionalVUhResolution , availableLoadZones: availableLoadZones = [
     {
         id: 1,
         country: "us",
@@ -14464,6 +14535,7 @@ function $045b658c7184976c$export$f290710bbb710efa({ loading: loading , saving:
     const context = {
         k6Test: k6Test,
         hasCloudExecution: hasCloudExecution,
+        hasFractionalVUhResolution: hasFractionalVUhResolution,
         availableLoadZones: availableLoadZones,
         DocsLinkComponent: DocsLinkComponent,
         onViewChange: onViewChange,
@@ -15224,6 +15296,22 @@ const $ff01a446e890cae0$export$4202723ba73439f5 = /*#__PURE__*/ (0, $b7VBt$forwa
 
 
 
+
+
+const $f90e6ac18264291c$export$1ae172e61ce3735b = /*#__PURE__*/ (0, $b7VBt$forwardRef)(({ props: props  }, ref)=>/*#__PURE__*/ (0, $b7VBt$jsx)("svg", {
+        ref: ref,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1.1em",
+        height: "1.2em",
+        viewBox: "0 0 24 24",
+        ...props,
+        children: /*#__PURE__*/ (0, $b7VBt$jsx)("path", {
+            fill: "currentColor",
+            d: "M8.46777,8.39453l-.00225.00183-.00214.00208ZM18.42188,8.208a1.237,1.237,0,0,0-.23-.17481.99959.99959,0,0,0-1.39941.41114,5.78155,5.78155,0,0,1-1.398,1.77734,8.6636,8.6636,0,0,0,.1333-1.50977,8.71407,8.71407,0,0,0-4.40039-7.582,1.00009,1.00009,0,0,0-1.49121.80567A7.017,7.017,0,0,1,7.165,6.87793l-.23047.1875a8.51269,8.51269,0,0,0-1.9873,1.8623A8.98348,8.98348,0,0,0,8.60254,22.83594.99942.99942,0,0,0,9.98,21.91016a1.04987,1.04987,0,0,0-.0498-.3125,6.977,6.977,0,0,1-.18995-2.58106,9.004,9.004,0,0,0,4.3125,4.0166.997.997,0,0,0,.71534.03809A8.99474,8.99474,0,0,0,18.42188,8.208ZM14.51709,21.03906a6.964,6.964,0,0,1-3.57666-4.40234,8.90781,8.90781,0,0,1-.17969-.96387,1.00025,1.00025,0,0,0-.79931-.84473A.982.982,0,0,0,9.77,14.80957a.99955.99955,0,0,0-.8667.501,8.9586,8.9586,0,0,0-1.20557,4.71777,6.98547,6.98547,0,0,1-1.17529-9.86816,6.55463,6.55463,0,0,1,1.562-1.458.74507.74507,0,0,0,.07422-.05469s.29669-.24548.30683-.2511a8.96766,8.96766,0,0,0,2.89874-4.63269,6.73625,6.73625,0,0,1,1.38623,8.08789,1.00024,1.00024,0,0,0,1.18359,1.418,7.85568,7.85568,0,0,0,3.86231-2.6875,7.00072,7.00072,0,0,1-3.2793,10.457Z"
+        })
+    }));
+
+
 const $600e66eeb9e75faf$var$Group = /*#__PURE__*/ (0, $b7VBt$styledcomponents).div.withConfig({
     displayName: "TestMetaInformation__Group",
     componentId: "sc-1iuml17-0"
@@ -15242,6 +15330,7 @@ const $600e66eeb9e75faf$var$Container = /*#__PURE__*/ (0, $b7VBt$styledcomponent
 const $600e66eeb9e75faf$export$93f0f0dfc0a5be37 = ({ className: className  })=>{
     const totalTime = (0, $f33bf9327a1ab3ee$export$9b8881d67105457d)((0, $d7b1b7c6f96b1d0a$export$e73da3986effb0a3));
     const maxVUs = (0, $f33bf9327a1ab3ee$export$9b8881d67105457d)((0, $d7b1b7c6f96b1d0a$export$b7fc4be04e2b72c4));
+    const vuhs = (0, $f33bf9327a1ab3ee$export$9b8881d67105457d)((0, $d7b1b7c6f96b1d0a$export$e6bea69880c59e62));
     const usedLoadZones = (0, $f33bf9327a1ab3ee$export$9b8881d67105457d)((0, $27ada388e04e2c5d$export$62a321f0b5eed932));
     const availableLoadZones = (0, $f33bf9327a1ab3ee$export$9b8881d67105457d)((0, $8497e93aef02a037$export$15d5f46743a7d01c));
     const loadZones = (0, $b7VBt$useMemo)(()=>{
@@ -15289,6 +15378,15 @@ const $600e66eeb9e75faf$export$93f0f0dfc0a5be37 = ({ className: className  })=>{
         children: /*#__PURE__*/ (0, $b7VBt$jsxs)($600e66eeb9e75faf$var$Container, {
             className: className,
             children: [
+                /*#__PURE__*/ (0, $b7VBt$jsxs)($600e66eeb9e75faf$var$Group, {
+                    children: [
+                        /*#__PURE__*/ (0, $b7VBt$jsx)((0, $f90e6ac18264291c$export$1ae172e61ce3735b), {}),
+                        /*#__PURE__*/ (0, $b7VBt$jsx)("span", {
+                            children: (0, $f54872b9dc7588c3$export$362b9e721fb12a1b)(vuhs)
+                        }),
+                        "\xa0VUh"
+                    ]
+                }),
                 /*#__PURE__*/ (0, $b7VBt$jsxs)($600e66eeb9e75faf$var$Group, {
                     children: [
                         /*#__PURE__*/ (0, $b7VBt$jsx)((0, $ff01a446e890cae0$export$4202723ba73439f5), {}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/k6-test-builder",
-  "version": "0.6.1-alpha.1",
+  "version": "0.7.0",
   "license": "AGPL-3.0",
   "main": "dist/index.js",
   "module": "dist/module.js",