@aics/vole-app 3.3.0 → 3.4.0

package/es/aics-image-viewer/shared/utils/test/urlParsing.test.js

@@ -1,5 +1,10 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { "throw": 1, "return": 2, "break": 3, "continue": 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, "catch": function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && o.reverse()); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
 function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
 function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) r.unshift(t); return function e() { for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; return e.done = !0, e; }; }
@@ -9,704 +14,20 @@ function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function _OverloadYield(e, d) { this.v = e, this.k = d; }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 import { describe, expect, it } from "@jest/globals";
-import { getDefaultCameraState, getDefaultChannelState, getDefaultViewerState } from "../../constants";
-import { ImageType, RenderMode, ViewMode } from "../../enums";
-import { CONTROL_POINTS_REGEX, deserializeViewerChannelSetting, deserializeViewerState, LEGACY_CONTROL_POINTS_REGEX, parseHexColorAsColorArray, parseKeyValueList, parseStringEnum, parseStringFloat, parseStringInt, parseViewerUrlParams, serializeCameraState, serializeViewerChannelSetting, serializeViewerState, serializeViewerUrlParams } from "../urlParsing";
-var defaultSettings = {
-  match: 0,
-  color: undefined,
-  enabled: undefined,
-  surfaceEnabled: undefined,
-  isovalue: undefined,
-  surfaceOpacity: undefined,
-  colorizeEnabled: undefined,
-  colorizeAlpha: undefined
-};
-
-//// VALUE PARSING ///////////////////////////////////////
-
-describe("LEGACY_CONTROL_POINTS_REGEX", function () {
-  it("accepts single control points", function () {
-    var data = "1:0.5:ffffff";
-    expect(LEGACY_CONTROL_POINTS_REGEX.test(data)).toBe(true);
-  });
-  it("accepts multiple control points", function () {
-    var data = "1:0.5:ff0000,128:0.7:ffff00,255:1:ff0000";
-    expect(LEGACY_CONTROL_POINTS_REGEX.test(data)).toBe(true);
-  });
-  it("accepts negative numbers", function () {
-    var data = "-1:0.5:ff0000,-255:1:ff0000";
-    expect(LEGACY_CONTROL_POINTS_REGEX.test(data)).toBe(true);
-  });
-  it("allows 'w' as a placeholder for color strings", function () {
-    var data = "1:0.5:1,255:1:1";
-    expect(LEGACY_CONTROL_POINTS_REGEX.test(data)).toBe(true);
-  });
-});
-describe("CONTROL_POINTS_REGEX", function () {
-  it("accepts single control points", function () {
-    var data = "1:0.5:ffffff";
-    expect(CONTROL_POINTS_REGEX.test(data)).toBe(true);
-  });
-  it("accepts multiple control points", function () {
-    var data = "1:0.5:ff0000:128:0.7:ffff00:255:1:ff0000";
-    expect(CONTROL_POINTS_REGEX.test(data)).toBe(true);
-  });
-  it("accepts negative numbers", function () {
-    var data = "-1:0.5:ff0000:-255:1:ff0000";
-    expect(CONTROL_POINTS_REGEX.test(data)).toBe(true);
-  });
-  it("allows empty color strings", function () {
-    var data = "1:0.5:1:255:1:1";
-    expect(CONTROL_POINTS_REGEX.test(data)).toBe(true);
-  });
-});
-describe("parseKeyValueList", function () {
-  it("returns expected key value pairs", function () {
-    var data = "key1:value1,key2:value2";
-    var result = parseKeyValueList(data);
-    expect(result).toEqual({
-      key1: "value1",
-      key2: "value2"
-    });
-  });
-  it("decodes encoded key and value string names", function () {
-    var data = "ampersand%26:ampersand%26,comma%2C:comma%2C,colon%3A:colon%3A";
-    var result = parseKeyValueList(data);
-    expect(result).toEqual({
-      "ampersand&": "ampersand&",
-      "comma,": "comma,",
-      "colon:": "colon:"
-    });
-  });
-  it("ignores repeat colons in value string", function () {
-    var data = "key1:value1:extra:extra,key2:value2";
-    var result = parseKeyValueList(data);
-    expect(result).toEqual({
-      key1: "value1:extra:extra",
-      key2: "value2"
-    });
-  });
-  it("returns empty object for empty string", function () {
-    var data = "";
-    var result = parseKeyValueList(data);
-    expect(result).toEqual({});
-  });
-  it("parses example viewer channel settings", function () {
-    var data = "col:FF0000,clz:1,cza:0.5,isa:0.75,ven:1,sen:1,isv:128,lut:autoij:";
-    var result = parseKeyValueList(data);
-    expect(result).toEqual({
-      col: "FF0000",
-      clz: "1",
-      cza: "0.5",
-      isa: "0.75",
-      ven: "1",
-      sen: "1",
-      isv: "128",
-      lut: "autoij:"
-    });
-  });
-  it("removes trailing and leading whitespace", function () {
-    var data = " key1 : value1 , key2 : value2 , key3: value 3";
-    var result = parseKeyValueList(data);
-    expect(result).toEqual({
-      key1: "value1",
-      key2: "value2",
-      key3: "value 3"
-    });
-  });
-});
-describe("parseHexColorAsColorArray", function () {
-  it("parses hex values", function () {
-    expect(parseHexColorAsColorArray("000000")).toEqual([0, 0, 0]);
-    expect(parseHexColorAsColorArray("FFFFFF")).toEqual([255, 255, 255]);
-    expect(parseHexColorAsColorArray("ff0000")).toEqual([255, 0, 0]);
-    expect(parseHexColorAsColorArray("123456")).toEqual([18, 52, 86]);
-    expect(parseHexColorAsColorArray("7890ab")).toEqual([120, 144, 171]);
-    expect(parseHexColorAsColorArray("cdefef")).toEqual([205, 239, 239]);
-    expect(parseHexColorAsColorArray("ABCDEF")).toEqual([171, 205, 239]);
-  });
-  it("ignores unrecognized formats", function () {
-    expect(parseHexColorAsColorArray("f")).toBeUndefined();
-    expect(parseHexColorAsColorArray("fff")).toBeUndefined();
-    expect(parseHexColorAsColorArray("fffffff")).toBeUndefined();
-    expect(parseHexColorAsColorArray("hjklmn")).toBeUndefined();
-  });
-  it("parses the '1' code as white", function () {
-    expect(parseHexColorAsColorArray("1")).toEqual([255, 255, 255]);
-  });
-});
-describe("parseStringEnum", function () {
-  var TestEnum = /*#__PURE__*/function (TestEnum) {
-    TestEnum["SOME_VALUE"] = "some_value";
-    TestEnum["ANOTHER_VALUE"] = "another_value";
-    return TestEnum;
-  }({});
-  it("recognizes enum values", function () {
-    expect(parseStringEnum("some_value", TestEnum)).toEqual(TestEnum.SOME_VALUE);
-    expect(parseStringEnum("another_value", TestEnum)).toEqual(TestEnum.ANOTHER_VALUE);
-  });
-  it("returns default values for unrecognized enum values", function () {
-    expect(parseStringEnum("unexpected", TestEnum, undefined)).toEqual(undefined);
-    expect(parseStringEnum("unexpected", TestEnum, TestEnum.SOME_VALUE)).toEqual(TestEnum.SOME_VALUE);
-  });
-});
-describe("parseStringInt", function () {
-  it("parses int and undefined values", function () {
-    expect(parseStringInt("0", 0, 1000)).toEqual(0);
-    expect(parseStringInt("1", 0, 1000)).toEqual(1);
-    expect(parseStringInt("100", 0, 1000)).toEqual(100);
-    expect(parseStringInt("255", 0, 1000)).toEqual(255);
-    expect(parseStringInt("-1", -1000, 1000)).toEqual(-1);
-  });
-  it("returns undefined for undefined and NaN values", function () {
-    expect(parseStringInt("bad", -1000, 1000)).toEqual(undefined);
-    expect(parseStringInt("NaN", -1000, 1000)).toEqual(undefined);
-    expect(parseStringInt(undefined, -1000, 1000)).toEqual(undefined);
-  });
-  it("casts float values to integers", function () {
-    expect(parseStringInt("0.5", 0, 1000)).toEqual(0);
-    expect(parseStringInt("99.5", 0, 1000)).toEqual(99);
-    expect(parseStringInt("-10.5", -1000, 1000)).toEqual(-10);
-  });
-  it("applies clamping", function () {
-    expect(parseStringInt("0", 0, 255)).toEqual(0);
-    expect(parseStringInt("-1", 0, 255)).toEqual(0);
-    expect(parseStringInt("128", 0, 255)).toEqual(128);
-    expect(parseStringInt("255", 0, 255)).toEqual(255);
-    expect(parseStringInt("256", 0, 255)).toEqual(255);
-  });
-});
-describe("parseStringFloat", function () {
-  it("parses strings to float values", function () {
-    expect(parseStringFloat("0", -1000, 1000)).toEqual(0);
-    expect(parseStringFloat("1.0", -1000, 1000)).toEqual(1.0);
-    expect(parseStringFloat("0.5", -1000, 1000)).toEqual(0.5);
-    expect(parseStringFloat("128.5", -1000, 1000)).toEqual(128.5);
-    expect(parseStringFloat("495.344", -1000, 1000)).toEqual(495.344);
-    expect(parseStringFloat("-1", -1000, 1000)).toEqual(-1);
-  });
-  it("returns undefined for NaN or undefined values", function () {
-    expect(parseStringFloat("bad", -1000, 1000)).toEqual(undefined);
-    expect(parseStringFloat("NaN", -1000, 1000)).toEqual(undefined);
-    expect(parseStringFloat(undefined, -1000, 1000)).toEqual(undefined);
-  });
-  it("applies clamping", function () {
-    expect(parseStringFloat("0.5", 0, 1.0)).toEqual(0.5);
-    expect(parseStringFloat("1.0", 0, 1.0)).toEqual(1.0);
-    expect(parseStringFloat("1.1", 0, 1.0)).toEqual(1.0);
-    expect(parseStringFloat("0", 0, 1.0)).toEqual(0);
-    expect(parseStringFloat("-0.1", 0, 1.0)).toEqual(0);
-  });
-});
-
-//// SERIALIZE STATES ///////////////////////
-
-describe("Channel state serialization", function () {
-  var DEFAULT_CHANNEL_STATE = {
-    name: "",
-    displayName: "",
-    color: [255, 0, 0],
-    volumeEnabled: true,
-    isosurfaceEnabled: true,
-    isovalue: 128,
-    opacity: 0.75,
-    colorizeEnabled: true,
-    colorizeAlpha: 0.5,
-    useControlPoints: false,
-    controlPoints: [{
-      x: 0,
-      opacity: 0.5,
-      color: [255, 255, 255]
-    }, {
-      x: 255,
-      opacity: 1.0,
-      color: [255, 255, 255]
-    }],
-    ramp: [0, 255],
-    plotMin: 0,
-    plotMax: 255,
-    keepIntensityRange: false
-  };
-  var DEFAULT_SERIALIZED_CHANNEL_STATE = {
-    col: "ff0000",
-    ven: "1",
-    sen: "1",
-    isv: "128",
-    isa: "0.75",
-    clz: "1",
-    cza: "0.5",
-    cpe: "0",
-    cpt: "0:0.5:1:255:1:1",
-    ram: "0:255",
-    pin: "0"
-  };
-
-  // Note that the serialization + deserialization are NOT direct inverses.
-  // Serializing converts a ChannelState object to a ViewerChannelSettingParams object,
-  // deserializing converts a ViewerChannelSettingParams object to a **ViewerChannelSetting** object.
-
-  //  ChannelStates are per-channel and are used internally, while ViewerChannelSettings are
-  // input into the viewer and support grouping/matching to multiple channels.
-  // TODO: refactor these to all be the same state?
-
-  describe("deserializeViewerChannelSetting", function () {
-    it("returns default settings for empty objects", function () {
-      var data = {};
-      var result = deserializeViewerChannelSetting(0, data);
-      expect(result).toEqual(defaultSettings);
-    });
-    it("ignores unexpected keys", function () {
-      var data = {
-        badKey: "badValue",
-        ven: "1",
-        sen: "1"
-      };
-      var result = deserializeViewerChannelSetting(0, data);
-      expect(result).toEqual(_objectSpread(_objectSpread({}, defaultSettings), {}, {
-        enabled: true,
-        surfaceEnabled: true
-      }));
-    });
-    it("parses settings correctly", function () {
-      var data = {
-        col: "FF0000",
-        clz: "1",
-        cza: "0.5",
-        isa: "0.75",
-        ven: "1",
-        sen: "1",
-        isv: "128",
-        lut: "0:255"
-      };
-      expect(deserializeViewerChannelSetting(0, data)).toEqual({
-        match: 0,
-        color: "FF0000",
-        enabled: true,
-        surfaceEnabled: true,
-        isovalue: 128,
-        surfaceOpacity: 0.75,
-        colorizeEnabled: true,
-        colorizeAlpha: 0.5,
-        intensity: {
-          lut: ["0", "255"]
-        }
-      });
-    });
-    it("handles expected lut formatting", function () {
-      var luts = [["autoij:0", ["autoij", "0"]], ["0:autoij", ["0", "autoij"]], [":autoij", ["", "autoij"]], ["autoij:", ["autoij", ""]], ["0:255", ["0", "255"]], ["0.5:1.0", ["0.5", "1.0"]], ["0.50:1.00", ["0.50", "1.00"]], ["m99:m100", ["m99", "m100"]], ["p10:p90", ["p10", "p90"]], ["p10: p90", ["p10", "p90"]] // handle spaces
-      ];
-      for (var _i = 0, _luts = luts; _i < _luts.length; _i++) {
-        var _result$intensity;
-        var _luts$_i = _slicedToArray(_luts[_i], 2),
-          encodedLut = _luts$_i[0],
-          decodedLut = _luts$_i[1];
-        var data = {
-          lut: encodedLut
-        };
-        var result = deserializeViewerChannelSetting(0, data);
-        expect((_result$intensity = result.intensity) === null || _result$intensity === void 0 ? void 0 : _result$intensity.lut).toEqual(decodedLut);
-      }
-    });
-    it("ignores unexpected lut formats", function () {
-      var luts = ["!:0", "0:9:93", "255", ""];
-      for (var _i2 = 0, _luts2 = luts; _i2 < _luts2.length; _i2++) {
-        var lut = _luts2[_i2];
-        var data = {
-          lut: lut
-        };
-        var result = deserializeViewerChannelSetting(0, data);
-        expect(result.lut).toBeUndefined();
-      }
-    });
-    it("handles hex color formats", function () {
-      var colors = ["000000", "FFFFFF", "ffffff", "012345", "6789AB", "CDEF01", "abcdef"];
-      for (var _i3 = 0, _colors = colors; _i3 < _colors.length; _i3++) {
-        var color = _colors[_i3];
-        var data = {
-          col: color
-        };
-        var result = deserializeViewerChannelSetting(0, data);
-        expect(result.color).toEqual(color);
-      }
-    });
-    it("ignores bad color formats", function () {
-      var badColors = ["f", "ff00", "red", "rgb(255,0,0)"];
-      for (var _i4 = 0, _badColors = badColors; _i4 < _badColors.length; _i4++) {
-        var color = _badColors[_i4];
-        var data = {
-          col: color
-        };
-        var result = deserializeViewerChannelSetting(0, data);
-        expect(result.color).toBeUndefined();
-      }
-    });
-    it("ignores bad float data", function () {
-      var data = {
-        cza: "NaN",
-        isa: "bad",
-        isv: "f8"
-      };
-      var result = deserializeViewerChannelSetting(0, data);
-      expect(result.colorizeAlpha).toBeUndefined();
-      expect(result.surfaceOpacity).toBeUndefined();
-      expect(result.isovalue).toBeUndefined();
-    });
-  });
-  describe("serializeViewerChannelSetting", function () {
-    it("serializes channel settings", function () {
-      expect(serializeViewerChannelSetting(DEFAULT_CHANNEL_STATE, false)).toEqual(DEFAULT_SERIALIZED_CHANNEL_STATE);
-    });
-    it("serializes custom channel settings", function () {
-      var customChannelState = {
-        name: "a",
-        displayName: "a",
-        color: [3, 255, 157],
-        volumeEnabled: false,
-        isosurfaceEnabled: false,
-        isovalue: 0,
-        opacity: 0.54,
-        colorizeEnabled: false,
-        colorizeAlpha: 1.0,
-        useControlPoints: false,
-        controlPoints: [],
-        ramp: [0, 255],
-        // TODO: the settings below are not serialized. should they be? (see #384)
-        plotMin: 0,
-        plotMax: 255,
-        keepIntensityRange: false
-      };
-      var serializedCustomChannelState = {
-        col: "03ff9d",
-        ven: "0",
-        sen: "0",
-        isv: "0",
-        isa: "0.54",
-        clz: "0",
-        cza: "1",
-        cpe: "0",
-        cpt: "",
-        ram: "0:255",
-        pin: "0"
-      };
-      expect(serializeViewerChannelSetting(customChannelState, false)).toEqual(serializedCustomChannelState);
-    });
-  });
-});
-describe("Viewer state", function () {
-  var DEFAULT_VIEWER_STATE = {
-    viewMode: ViewMode.threeD,
-    // "XY", "XZ", "YZ"
-    renderMode: RenderMode.volumetric,
-    // "pathtrace", "maxproject"
-    imageType: ImageType.segmentedCell,
-    showAxes: false,
-    showBoundingBox: false,
-    backgroundColor: [0, 0, 0],
-    boundingBoxColor: [255, 255, 255],
-    autorotate: false,
-    maskAlpha: 0,
-    brightness: 70,
-    density: 50,
-    levels: [35, 140, 255],
-    interpolationEnabled: true,
-    region: {
-      x: [0, 1],
-      y: [0, 1],
-      z: [0, 1]
-    },
-    slice: {
-      x: 0.5,
-      y: 0.5,
-      z: 0.5
-    },
-    time: 0,
-    scene: 0,
-    cameraState: undefined,
-    singleChannelMode: false,
-    singleChannelIndex: 0,
-    useExactScaleLevel: false,
-    scaleLevelIndex: 0
-  };
-  var SERIALIZED_DEFAULT_VIEWER_STATE = {
-    mode: "volumetric",
-    view: "3D",
-    image: "cell",
-    axes: "0",
-    bb: "0",
-    bgcol: "000000",
-    bbcol: "ffffff",
-    rot: "0",
-    mask: "0",
-    bright: "70",
-    dens: "50",
-    lvl: "35,140,255",
-    interp: "1",
-    reg: "0:1,0:1,0:1",
-    slice: "0.5,0.5,0.5",
-    t: "0",
-    scene: "0",
-    scm: "0",
-    sci: "0",
-    esl: "0",
-    scl: "0"
-  };
-  var CUSTOM_VIEWER_STATE = {
-    renderMode: RenderMode.pathTrace,
-    viewMode: ViewMode.xy,
-    imageType: ImageType.fullField,
-    showAxes: true,
-    showBoundingBox: true,
-    backgroundColor: [255, 0, 0],
-    boundingBoxColor: [0, 255, 0],
-    autorotate: true,
-    maskAlpha: 55,
-    brightness: 100,
-    density: 75,
-    levels: [0, 250, 251],
-    interpolationEnabled: false,
-    region: {
-      x: [0, 0.5],
-      y: [0, 1],
-      z: [0, 1]
-    },
-    slice: {
-      x: 0.25,
-      y: 0.75,
-      z: 0.5
-    },
-    time: 100,
-    scene: 3,
-    singleChannelMode: true,
-    singleChannelIndex: 3,
-    useExactScaleLevel: true,
-    scaleLevelIndex: 3,
-    cameraState: {
-      position: [-1.05, -4, 45],
-      target: [0, 0, 0],
-      up: [0, 1, 0],
-      orthoScale: 3.534,
-      fov: 43.5
-    }
-  };
-  var SERIALIZED_CUSTOM_VIEWER_STATE = {
-    mode: "pathtrace",
-    view: "Z",
-    image: "fov",
-    axes: "1",
-    bb: "1",
-    bgcol: "ff0000",
-    bbcol: "00ff00",
-    rot: "1",
-    mask: "55",
-    bright: "100",
-    dens: "75",
-    lvl: "0,250,251",
-    interp: "0",
-    reg: "0:0.5,0:1,0:1",
-    slice: "0.25,0.75,0.5",
-    t: "100",
-    scene: "3",
-    scm: "1",
-    sci: "3",
-    esl: "1",
-    scl: "3",
-    cam: "pos:-1.05:-4:45,tar:0:0:0,up:0:1:0,ort:3.534,fov:43.5"
-  };
-  describe("serializeViewerState", function () {
-    it("serializes the default viewer settings", function () {
-      expect(serializeViewerState(DEFAULT_VIEWER_STATE, false)).toEqual(SERIALIZED_DEFAULT_VIEWER_STATE);
-    });
-    it("serializes custom viewer settings", function () {
-      expect(serializeViewerState(CUSTOM_VIEWER_STATE, false)).toEqual(SERIALIZED_CUSTOM_VIEWER_STATE);
-    });
-    it("shortens long numbers in the slice and region parameters", function () {
-      // Floats should be rounded to 7 significant digits or less
-      var state = {
-        region: {
-          x: [0.4566666666, 0.8667332],
-          y: [0.49999999, 0.8999999],
-          z: [0.3000000001, 0.16467883]
-        },
-        slice: {
-          x: 0.41111186,
-          y: 0.49999999,
-          z: 0.677402
-        }
-      };
-      var serializedState = serializeViewerState(state, true);
-      expect(serializedState.reg).toEqual("0.4566667:0.8667332,0.5:0.8999999,0.3:0.1646788");
-      expect(serializedState.slice).toEqual("0.4111119,0.5,0.677402");
-    });
-  });
-  describe("deserializeViewerState", function () {
-    it("returns an empty object for empty input", function () {
-      expect(deserializeViewerState({})).toEqual({});
-    });
-    it("deserializes the default viewer settings", function () {
-      var params = SERIALIZED_DEFAULT_VIEWER_STATE;
-      expect(deserializeViewerState(params)).toEqual(DEFAULT_VIEWER_STATE);
-    });
-    it("deserializes custom viewer settings", function () {
-      var params = SERIALIZED_CUSTOM_VIEWER_STATE;
-      expect(deserializeViewerState(params)).toEqual(CUSTOM_VIEWER_STATE);
-    });
-    it("handles all ViewMode values", function () {
-      var viewModes = Object.values(ViewMode);
-      for (var _i5 = 0, _viewModes = viewModes; _i5 < _viewModes.length; _i5++) {
-        var viewMode = _viewModes[_i5];
-        var state = _objectSpread(_objectSpread({}, DEFAULT_VIEWER_STATE), {}, {
-          viewMode: viewMode
-        });
-        expect(deserializeViewerState(serializeViewerState(state, false)).viewMode).toEqual(viewMode);
-      }
-    });
-    it("handles all RenderMode values", function () {
-      var renderModes = Object.values(RenderMode);
-      for (var _i6 = 0, _renderModes = renderModes; _i6 < _renderModes.length; _i6++) {
-        var renderMode = _renderModes[_i6];
-        var state = _objectSpread(_objectSpread({}, DEFAULT_VIEWER_STATE), {}, {
-          renderMode: renderMode
-        });
-        expect(deserializeViewerState(serializeViewerState(state, false)).renderMode).toEqual(renderMode);
-      }
-    });
-    it("deserializes partial camera settings", function () {
-      var state = {
-        cameraState: {
-          position: [1.0, -1.4, 45],
-          up: [0, 1, 0],
-          fov: 43.5
-        }
-      };
-      var serializedState = "pos:1:-1.4:45,up:0:1:0,fov:43.5";
-      expect(deserializeViewerState({
-        cam: serializedState
-      })).toEqual(state);
-    });
-  });
-});
-describe("Camera state", function () {
-  it("uses default camera state when choosing elements to exclude/ignore", function () {
-    var cameraState = _objectSpread({}, getDefaultCameraState());
-    // No changes from default
-    expect(serializeCameraState(cameraState, true)).toEqual(undefined);
-    cameraState = _objectSpread(_objectSpread({}, cameraState), {}, {
-      position: [1, 2, 3]
-    });
-    expect(serializeCameraState(cameraState, true)).toEqual("pos:1:2:3");
-  });
-  it("default camera state has not been changed", function () {
-    // The default camera state should NOT change unless backwards compatibility
-    // is added to ensure old links still maintain the same camera orientation;
-    // otherwise, cameras will appear in the new default orientation unexpectedly.
-    expect(getDefaultCameraState()).toEqual({
-      position: [0, 0, 5],
-      target: [0, 0, 0],
-      up: [0, 1, 0],
-      fov: 20,
-      orthoScale: 0.5
-    });
-  });
-});
-
-//// DESERIALIZE STATES ///////////////////////
-
-describe("Channel state deserialization", function () {
-  var DEFAULT_CONTROL_POINTS = [{
-    x: -10,
-    opacity: 0,
-    color: [0, 0, 0]
-  }, {
-    x: 50,
-    opacity: 0,
-    color: [0, 0, 0]
-  }, {
-    x: 100,
-    opacity: 0.3,
-    color: [0, 16, 255]
-  }, {
-    x: 140,
-    opacity: 0.8,
-    color: [0, 255, 255]
-  }, {
-    x: 260,
-    opacity: 1,
-    color: [0, 255, 180]
-  }];
-  describe("legacy control points", function () {
-    it("parses comma-separated control points", function () {
-      var result = deserializeViewerChannelSetting(0, {
-        cps: "-10:0:000000,50:0:000000,100:0.3:0010ff,140:0.8:00ffff,260:1:00ffb4"
-      });
-      expect(result.controlPoints).toEqual(DEFAULT_CONTROL_POINTS);
-    });
-    it("parses colon-separated control points", function () {
-      var result = deserializeViewerChannelSetting(0, {
-        cps: "-10:0:000000:50:0:000000:100:0.3:0010ff:140:0.8:00ffff:260:1:00ffb4"
-      });
-      expect(result.controlPoints).toEqual(DEFAULT_CONTROL_POINTS);
-    });
-    it("replaces '1' color strings with default color #ffffff", function () {
-      var result = deserializeViewerChannelSetting(0, {
-        cps: "0:0:1:50:1:1"
-      });
-      expect(result.controlPoints).toEqual([{
-        x: 0,
-        opacity: 0,
-        color: [255, 255, 255]
-      }, {
-        x: 50,
-        opacity: 1,
-        color: [255, 255, 255]
-      }]);
-    });
-  });
-  it("parses comma-separated control points", function () {
-    var _result$intensity2;
-    var result = deserializeViewerChannelSetting(0, {
-      cpt: "-10:0:000000,50:0:000000,100:0.3:0010ff,140:0.8:00ffff,260:1:00ffb4"
-    });
-    expect((_result$intensity2 = result.intensity) === null || _result$intensity2 === void 0 ? void 0 : _result$intensity2.controlPoints).toEqual(DEFAULT_CONTROL_POINTS);
-  });
-  it("parses colon-separated control points", function () {
-    var _result$intensity3;
-    var result = deserializeViewerChannelSetting(0, {
-      cpt: "-10:0:000000:50:0:000000:100:0.3:0010ff:140:0.8:00ffff:260:1:00ffb4"
-    });
-    expect((_result$intensity3 = result.intensity) === null || _result$intensity3 === void 0 ? void 0 : _result$intensity3.controlPoints).toEqual(DEFAULT_CONTROL_POINTS);
-  });
-  it("replaces '1' color strings with default color #ffffff", function () {
-    var _result$intensity4;
-    var result = deserializeViewerChannelSetting(0, {
-      cpt: "0:0:1:50:1:1"
-    });
-    expect((_result$intensity4 = result.intensity) === null || _result$intensity4 === void 0 ? void 0 : _result$intensity4.controlPoints).toEqual([{
-      x: 0,
-      opacity: 0,
-      color: [255, 255, 255]
-    }, {
-      x: 50,
-      opacity: 1,
-      color: [255, 255, 255]
-    }]);
-  });
-});
-
+import { parseKeyValueList } from "../../../state/deserialize";
+import { DEFAULT_TEST_VIEWER_CHANNEL_SETTING } from "../../../state/test/test_data";
+import { getDefaultChannelState, getDefaultViewerState } from "../../constants";
+import { ViewMode } from "../../enums";
+import { parseViewerUrlParams, serializeViewerUrlParams } from "../urlParsing";
 //// URL parsing /////////////////////////////////
 
 describe("parseViewerUrlParams", function () {
@@ -752,17 +73,17 @@ describe("parseViewerUrlParams", function () {
     }
   }]];
   it("parses unencoded per-channel setting", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var _i7, _channelParamToSettin, _args$viewerChannelSe, _channelParamToSettin2, queryString, expected, _yield$parseViewerUrl, args, channelSetting;
+    var _i, _channelParamToSettin, _args$viewerChannelSe, _channelParamToSettin2, queryString, expected, _yield$parseViewerUrl, args, channelSetting;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _i7 = 0, _channelParamToSettin = channelParamToSetting;
+          _i = 0, _channelParamToSettin = channelParamToSetting;
         case 1:
-          if (!(_i7 < _channelParamToSettin.length)) {
+          if (!(_i < _channelParamToSettin.length)) {
             _context.next = 12;
             break;
           }
-          _channelParamToSettin2 = _slicedToArray(_channelParamToSettin[_i7], 3), queryString = _channelParamToSettin2[0], expected = _channelParamToSettin2[2];
+          _channelParamToSettin2 = _slicedToArray(_channelParamToSettin[_i], 3), queryString = _channelParamToSettin2[0], expected = _channelParamToSettin2[2];
           _context.next = 5;
           return parseViewerUrlParams(queryString);
         case 5:
@@ -771,7 +92,7 @@ describe("parseViewerUrlParams", function () {
           channelSetting = (_args$viewerChannelSe = args.viewerChannelSettings) === null || _args$viewerChannelSe === void 0 ? void 0 : _args$viewerChannelSe.groups[0].channels[0];
           expect(channelSetting).toEqual(expected);
         case 9:
-          _i7++;
+          _i++;
           _context.next = 1;
           break;
         case 12:
@@ -781,17 +102,17 @@ describe("parseViewerUrlParams", function () {
     }, _callee);
   })));
   it("parses encoded per-channel settings", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-    var _i8, _channelParamToSettin3, _args$viewerChannelSe2, _channelParamToSettin4, queryString, expected, _yield$parseViewerUrl2, args, channelSetting;
+    var _i2, _channelParamToSettin3, _args$viewerChannelSe2, _channelParamToSettin4, queryString, expected, _yield$parseViewerUrl2, args, channelSetting;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _i8 = 0, _channelParamToSettin3 = channelParamToSetting;
+          _i2 = 0, _channelParamToSettin3 = channelParamToSetting;
         case 1:
-          if (!(_i8 < _channelParamToSettin3.length)) {
+          if (!(_i2 < _channelParamToSettin3.length)) {
             _context2.next = 12;
             break;
           }
-          _channelParamToSettin4 = _slicedToArray(_channelParamToSettin3[_i8], 3), queryString = _channelParamToSettin4[1], expected = _channelParamToSettin4[2];
+          _channelParamToSettin4 = _slicedToArray(_channelParamToSettin3[_i2], 3), queryString = _channelParamToSettin4[1], expected = _channelParamToSettin4[2];
           _context2.next = 5;
           return parseViewerUrlParams(queryString);
         case 5:
@@ -800,7 +121,7 @@ describe("parseViewerUrlParams", function () {
           channelSetting = (_args$viewerChannelSe2 = args.viewerChannelSettings) === null || _args$viewerChannelSe2 === void 0 ? void 0 : _args$viewerChannelSe2.groups[0].channels[0];
           expect(channelSetting).toEqual(expected);
         case 9:
-          _i8++;
+          _i2++;
           _context2.next = 1;
           break;
         case 12:
@@ -907,7 +228,7 @@ describe("parseViewerUrlParams", function () {
           expect(channelSettings).toHaveLength(3);
           for (i = 0; i < channelSettings.length; i++) {
             channelSetting = channelSettings[i]; // Match with default on everything except match number
-            expect(channelSetting).toEqual(_objectSpread(_objectSpread({}, defaultSettings), {}, {
+            expect(channelSetting).toEqual(_objectSpread(_objectSpread({}, DEFAULT_TEST_VIEWER_CHANNEL_SETTING), {}, {
               match: channelSetting.match
             }));
           }