diff --git a/CHANGELOG.md b/CHANGELOG.md index 2ef23f92..4ffd2363 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -24,6 +24,7 @@ and adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). - Added data type and manual layout tests for the `draw` function. - Updated file paths for example files under docs to import the correct file. - Added style and automatic layout tests for the `draw` function. +- Updated documentation, tests, and examples to reflect the `isClass` attribute being optional and set to `false` by default. ## [0.1.0] - 2024-04-16 diff --git a/demo/src/__tests__/SvgDisplay.spec.tsx b/demo/src/__tests__/SvgDisplay.spec.tsx index cd8641d0..02db04f4 100644 --- a/demo/src/__tests__/SvgDisplay.spec.tsx +++ b/demo/src/__tests__/SvgDisplay.spec.tsx @@ -36,14 +36,12 @@ describe("SvgDisplay", () => { stack_frame: true, }, { - isClass: false, name: "str", id: 19, value: "David is cool!", style: ["highlight"], }, { - isClass: false, name: "int", id: 13, value: 7, diff --git a/demo/src/sample/automated-layout/data.json b/demo/src/sample/automated-layout/data.json index 52f659fb..55133685 100644 --- a/demo/src/sample/automated-layout/data.json +++ b/demo/src/sample/automated-layout/data.json @@ -14,11 +14,10 @@ "stack_frame": true }, { - "isClass": false, "name": "list", "id": 84, "value": [32, 10, 90, 57], "show_indexes": true }, - { "isClass": false, "name": "None", "id": 13, "value": "None" } + { "name": "None", "id": 13, "value": "None" } ] diff --git a/demo/src/sample/blanks/data.json b/demo/src/sample/blanks/data.json index 4da3da9c..41752dab 100644 --- a/demo/src/sample/blanks/data.json +++ b/demo/src/sample/blanks/data.json @@ -20,20 +20,17 @@ "stack_frame": true }, { - "isClass": false, "name": "list", "id": 82, "value": [19, 43, 28, 49] }, { - "isClass": false, "name": "list", "id": 84, "value": [32, 10, 90, 57], "show_indexes": true }, { - "isClass": false, "name": "int", "id": 19, "value": 1969 @@ -44,13 +41,11 @@ "height": 200 }, { - "isClass": false, "name": "bool", "id": 32, "value": true }, { - "isClass": false, "name": "str", "id": 43, "value": "David is cool" @@ -61,7 +56,6 @@ "height": 150 }, { - "isClass": false, "name": "tuple", "id": 11, "value": [82, 76] diff --git a/demo/src/sample/manual-layout/data.json b/demo/src/sample/manual-layout/data.json index 83f54d69..04d513a9 100644 --- a/demo/src/sample/manual-layout/data.json +++ b/demo/src/sample/manual-layout/data.json @@ -9,7 +9,6 @@ "stack_frame": true }, { - "isClass": false, "x": 1050, "y": 500, "name": "dict", @@ -17,7 +16,6 @@ "value": { "x": 81, "y": 100, "z": 121 } }, { - "isClass": false, "x": 1050, "y": 40, "name": "tuple", @@ -25,7 +23,6 @@ "value": [82, 76] }, { - "isClass": false, "x": 750, "y": 250, "name": "bool", diff --git a/demo/src/sample/simple/data.json b/demo/src/sample/simple/data.json index c674b886..1b008c6f 100644 --- a/demo/src/sample/simple/data.json +++ b/demo/src/sample/simple/data.json @@ -7,14 +7,12 @@ "stack_frame": true }, { - "isClass": false, "name": "str", "id": 19, "value": "David is cool!", "style": ["highlight"] }, { - "isClass": false, "name": "int", "id": 13, "value": 7 diff --git a/demo/src/sample/styling/data.json b/demo/src/sample/styling/data.json index 814fc349..ae9674a2 100644 --- a/demo/src/sample/styling/data.json +++ b/demo/src/sample/styling/data.json @@ -10,7 +10,6 @@ "style": ["highlight"] }, { - "isClass": false, "x": 350, "y": 350, "name": "list", @@ -21,7 +20,6 @@ } }, { - "isClass": false, "x": 750, "y": 500, "name": "str", @@ -30,7 +28,6 @@ "style": "highlight" }, { - "isClass": false, "x": 1050, "y": 260, "name": "set", @@ -38,7 +35,6 @@ "value": [36, 49, 64] }, { - "isClass": false, "x": 1050, "y": 500, "name": "dict", @@ -47,7 +43,6 @@ "style": { "text_id": { "font-style": "italic" } } }, { - "isClass": false, "x": 750, "y": 750, "name": "None", diff --git a/docs/docs/02-object_structure.md b/docs/docs/02-object_structure.md index 6637022f..8ed7f374 100644 --- a/docs/docs/02-object_structure.md +++ b/docs/docs/02-object_structure.md @@ -10,23 +10,23 @@ the array of objects to be drawn. To be successfully rendered, the array must contain objects that strictly follow a specific structure. Every object must contain the following attributes: -- `isClass` - `boolean`: denotes whether the object to be drawn is a user-defined class (or a stack-frame) or a built-in - object. Pass true to draw a class or a stack-frame, and false to draw any built-in types. +- `isClass` - `boolean`: denotes whether the object to be drawn is a user-defined class (or a stack frame) or a built-in + object. This has a default value of `false` and should be manually set to `true` only when drawing a class or stack frame. - `name` - `string`: denotes the type of the object to draw (if `isClass===true`, then this is the name of the - corresponding class or stackframe). -- If the user want to hardcode the coordinates (implying the `automation` parameter of `draw` is false), each object + corresponding class or stack frame). +- If the user wants to hardcode the coordinates (implying the `automation` parameter of `draw` is false), each object must include `x` and `y` attributes (for x-y coordinates). -- `id` - `string`|`number`: denotes the id value of this object. If we are to draw a StackFrame, then this MUST be `null`. +- `id` - `string`|`number`: denotes the id value of this object. If we are to draw a stack frame, then this MUST be `null`. - `value` - `*`: denotes the value of the object. This could be anything, from an empty string to a JS object, which would be passed for the purpose of drawing a user-defined class object, a - stackframe, or a dictionary. - **Note that in such cases where we want to do draw a 'container' + stack frame, or a dictionary. + **Note that in such cases where we want to draw a 'container' object (an object that contains other objects), we pass a _JS object_ where the keys are the attributes/variables and the values are the id's of the corresponding objects (not the objects themselves)**. - `stack_frame` - `boolean`: denotes whether a stack frame will be drawn or not. NOTE that this is only - applicable if the object's `isClass` attribute is true (since the - `MemoryModel.drawClass` covers both classes and stack-frames). By default, + applicable if the object's `isClass` attribute is `true` (since the + `MemoryModel.drawClass` covers both classes and stack frames). By default, `stack_frame` is set to null (_which is false_). - `show_indexes` - `boolean`: This is applicable only when drawing tuples or lists (when drawSequence method will be used). It denotes whether the memory box of the underlying @@ -40,31 +40,43 @@ must contain the following attributes: ### Examples ```javascript -{"isClass": true, "name": "__main__", "id": null, "value": {"lst1": 82, "lst2": 84, "p": 99, "d": 10, "t": 11}, "stack_frame": true}, -{"name": "BLANK", "width": 100, "height": 200, "stack_frame" : true}, -{"isClass": true, "name": "func", "id": null, "value": {"age": 12, "name": 17}, "stack_frame": true}, +{ + "isClass": true, + "name": "__main__", + "id": null, + "value": {"lst1": 82, "lst2": 84, "p": 99, "d": 10, "t": 11}, + "stack_frame": true +} + +{ + "isClass": true, + "name": "func", + "id": null, + "value": {"age": 12, "name": 17}, + "stack_frame": true +} {"name": "BLANK", "width": 100, "height": 200, "stack_frame" : true} -{"isClass": false, "name": "list", "id": 82, "value": [19, 43, 28, 49]} +{"name": "list", "id": 82, "value": [19, 43, 28, 49]} -{"isClass": false, "name": "list", "id": 84, "value": [32, 10, 90, 57], "show_indexes": true} +{"name": "list", "id": 84, "value": [32, 10, 90, 57], "show_indexes": true} -{"isClass": false, "name": "int", "id": 19, "value": 1969} +{"name": "int", "id": 19, "value": 1969} -{"isClass": false, "name": "bool", "id": 32, "value": true} +{"name": "bool", "id": 32, "value": true} {"name": "BLANK", "width": 200, "height": 100} -{"isClass": false, "name": "str", "id": 43, "value": "David is cool"} +{"name": "str", "id": 43, "value": "David is cool"} -{"isClass": false, "name": "tuple", "id": 11, "value": [82, 76]} +{"name": "tuple", "id": 11, "value": [82, 76]} -{"isClass": false, "name": "set", "id": 90, "value": [36, 49, 64]} +{"name": "set", "id": 90, "value": [36, 49, 64]} -{"isClass": false, "name": "dict", "id": 10, "value": {"x": 81, "y": 100, "z": 121}} +{"name": "dict", "id": 10, "value": {"x": 81, "y": 100, "z": 121}} -{"isClass": false, "name": "None", "id": 13, "value": "None", +{"name": "None", "id": 13, "value": "None", "style": { "text_value" : {"font-style": "italic"}, "box_id": {"fill": "red", "fillStyle": "dots"}, diff --git a/docs/docs/99-api/examples/automation_demo/automation_demo.json b/docs/docs/99-api/examples/automation_demo/automation_demo.json index 52f659fb..55133685 100644 --- a/docs/docs/99-api/examples/automation_demo/automation_demo.json +++ b/docs/docs/99-api/examples/automation_demo/automation_demo.json @@ -14,11 +14,10 @@ "stack_frame": true }, { - "isClass": false, "name": "list", "id": 84, "value": [32, 10, 90, 57], "show_indexes": true }, - { "isClass": false, "name": "None", "id": 13, "value": "None" } + { "name": "None", "id": 13, "value": "None" } ] diff --git a/docs/docs/99-api/examples/automation_demo/more_specific_demos/demo_A.js b/docs/docs/99-api/examples/automation_demo/more_specific_demos/demo_A.js index 040b2aa4..8e506214 100644 --- a/docs/docs/99-api/examples/automation_demo/more_specific_demos/demo_A.js +++ b/docs/docs/99-api/examples/automation_demo/more_specific_demos/demo_A.js @@ -20,8 +20,8 @@ const listOfObjs = [ value: { age: 12, name: 17 }, stack_frame: false, }, - { isClass: false, name: "list", id: 82, value: [19, 43, 28, 49] }, - { isClass: false, name: "int", id: 19, value: 1969 }, + { name: "list", id: 82, value: [19, 43, 28, 49] }, + { name: "int", id: 19, value: 1969 }, ]; const { objs, canvas_height, canvas_width } = drawAutomatedOtherItems( diff --git a/docs/docs/99-api/examples/blankspaces_demo/blankspaces_demo.js b/docs/docs/99-api/examples/blankspaces_demo/blankspaces_demo.js index cffe5fc1..15191897 100644 --- a/docs/docs/99-api/examples/blankspaces_demo/blankspaces_demo.js +++ b/docs/docs/99-api/examples/blankspaces_demo/blankspaces_demo.js @@ -35,20 +35,19 @@ const listOfObjs = [ value: { age: 12, name: 17 }, stack_frame: true, }, - { isClass: false, name: "list", id: 82, value: [19, 43, 28, 49] }, + { name: "list", id: 82, value: [19, 43, 28, 49] }, { - isClass: false, name: "list", id: 84, value: [32, 10, 90, 57], show_indexes: true, }, - { isClass: false, name: "int", id: 19, value: 1969 }, + { name: "int", id: 19, value: 1969 }, { name: "BLANK", width: 100, height: 200 }, - { isClass: false, name: "bool", id: 32, value: true }, - { isClass: false, name: "str", id: 43, value: "David is cool" }, + { name: "bool", id: 32, value: true }, + { name: "str", id: 43, value: "David is cool" }, { name: "BLANK", width: 200, height: 150 }, - { isClass: false, name: "tuple", id: 11, value: [82, 76] }, + { name: "tuple", id: 11, value: [82, 76] }, ]; const configuration = { diff --git a/docs/docs/99-api/examples/manual_demo/manual_demo.json b/docs/docs/99-api/examples/manual_demo/manual_demo.json index 83f54d69..04d513a9 100644 --- a/docs/docs/99-api/examples/manual_demo/manual_demo.json +++ b/docs/docs/99-api/examples/manual_demo/manual_demo.json @@ -9,7 +9,6 @@ "stack_frame": true }, { - "isClass": false, "x": 1050, "y": 500, "name": "dict", @@ -17,7 +16,6 @@ "value": { "x": 81, "y": 100, "z": 121 } }, { - "isClass": false, "x": 1050, "y": 40, "name": "tuple", @@ -25,7 +23,6 @@ "value": [82, 76] }, { - "isClass": false, "x": 750, "y": 250, "name": "bool", diff --git a/docs/docs/99-api/examples/simple_demo/simple_demo.js b/docs/docs/99-api/examples/simple_demo/simple_demo.js index cae37d58..68c68a45 100644 --- a/docs/docs/99-api/examples/simple_demo/simple_demo.js +++ b/docs/docs/99-api/examples/simple_demo/simple_demo.js @@ -16,13 +16,12 @@ const objects = [ stack_frame: true, }, { - isClass: false, name: "str", id: 19, value: "David is cool!", style: ["highlight"], }, - { isClass: false, name: "int", id: 13, value: 7 }, + { name: "int", id: 13, value: 7 }, ]; const m = draw(objects, true, { width: 1300 }); diff --git a/docs/docs/99-api/examples/style_demo/nostyle_demo.js b/docs/docs/99-api/examples/style_demo/nostyle_demo.js index bd5a5ed4..c16393eb 100644 --- a/docs/docs/99-api/examples/style_demo/nostyle_demo.js +++ b/docs/docs/99-api/examples/style_demo/nostyle_demo.js @@ -30,7 +30,6 @@ const objs = [ stack_frame: true, }, { - isClass: false, x: 350, y: 350, name: "list", @@ -38,7 +37,6 @@ const objs = [ value: [19, 43, 28, 49], }, { - isClass: false, x: 750, y: 500, name: "str", @@ -46,7 +44,6 @@ const objs = [ value: "David is cool", }, { - isClass: false, x: 1050, y: 260, name: "set", @@ -54,14 +51,13 @@ const objs = [ value: [36, 49, 64], }, { - isClass: false, x: 1050, y: 500, name: "dict", id: 10, value: { x: 81, y: 100, z: 121 }, }, - { isClass: false, x: 750, y: 750, name: "None", id: 13, value: "None" }, + { x: 750, y: 750, name: "None", id: 13, value: "None" }, ]; const m = draw(objs, true, configuration); diff --git a/docs/docs/99-api/examples/style_demo/presets_demo.js b/docs/docs/99-api/examples/style_demo/presets_demo.js index 5c6e94f7..fd10925f 100644 --- a/docs/docs/99-api/examples/style_demo/presets_demo.js +++ b/docs/docs/99-api/examples/style_demo/presets_demo.js @@ -31,7 +31,6 @@ const objs = [ style: ["highlight_type"], }, { - isClass: false, x: 350, y: 350, name: "list", @@ -41,7 +40,6 @@ const objs = [ }, { - isClass: false, x: 750, y: 500, name: "str", @@ -51,7 +49,6 @@ const objs = [ }, { - isClass: false, x: 1050, y: 40, name: "tuple", @@ -61,7 +58,6 @@ const objs = [ }, { - isClass: false, x: 1050, y: 260, name: "set", diff --git a/docs/docs/99-api/examples/style_demo/style_demo.js b/docs/docs/99-api/examples/style_demo/style_demo.js index 9a51afef..ed25d82d 100644 --- a/docs/docs/99-api/examples/style_demo/style_demo.js +++ b/docs/docs/99-api/examples/style_demo/style_demo.js @@ -38,7 +38,6 @@ const objs = [ style: ["highlight"], // Notice style is passed in as an array. }, { - isClass: false, x: 350, y: 350, name: "list", @@ -47,7 +46,6 @@ const objs = [ style: { text_id: { "font-style": "italic", "font-size": "x-large" } }, }, { - isClass: false, x: 750, y: 500, name: "str", @@ -56,7 +54,6 @@ const objs = [ style: "highlight", }, { - isClass: false, x: 1050, y: 260, name: "set", @@ -64,7 +61,6 @@ const objs = [ value: [36, 49, 64], }, { - isClass: false, x: 1050, y: 500, name: "dict", @@ -73,7 +69,6 @@ const objs = [ style: { text_id: { "font-style": "italic" } }, }, // Notice that style is passed in as an Object. { - isClass: false, x: 750, y: 750, name: "None", diff --git a/docs/src/pages/index.md b/docs/src/pages/index.md index 034b931a..afbf26a7 100644 --- a/docs/src/pages/index.md +++ b/docs/src/pages/index.md @@ -35,13 +35,12 @@ const objects = [ stack_frame: true, }, { - isClass: false, name: "str", id: 19, value: "David is cool!", style: ["highlight"], }, - { isClass: false, name: "int", id: 13, value: 7 }, + { name: "int", id: 13, value: 7 }, ]; const m = draw(objects, true, { width: 1300 }); diff --git a/memory-viz/src/memory_model.ts b/memory-viz/src/memory_model.ts index 9524f5cc..50879a8c 100644 --- a/memory-viz/src/memory_model.ts +++ b/memory-viz/src/memory_model.ts @@ -758,10 +758,11 @@ export class MemoryModel { * * @param {object[]} objects - the list of objects (including stack-frames) to be drawn. * Each object in 'objects' must include the following structure: - * @param {boolean} objects[*].isClass - Whether a user-defined class (or a stack-frame) or a built-in + * @param {boolean} objects[*].isClass = false - Whether a user-defined class (or a stack-frame) or a built-in * object will be drawn. Pass true to draw a class or a stack-frame, * and false to draw any of the types found in the 'immutable' - * and 'collections' constants. + * and 'collections' constants. This has a default value of false and should + * be manually set to true only when drawing a class or stack-frame. * @param {number} objects[*].x - Value for x coordinate of top left corner * @param {number} objects[*].y - Value for y coordinate of top left corner * @param {string} objects[*].name - The type of the object to draw (if isClass===true, then this is the name of the diff --git a/memory-viz/src/tests/draw.spec.tsx b/memory-viz/src/tests/draw.spec.tsx index e287862e..bd7200a3 100644 --- a/memory-viz/src/tests/draw.spec.tsx +++ b/memory-viz/src/tests/draw.spec.tsx @@ -12,13 +12,12 @@ describe("draw function", () => { stack_frame: true, }, { - isClass: false, name: "str", id: 19, value: "David is cool!", style: ["highlight"], }, - { isClass: false, name: "int", id: 13, value: 7 }, + { name: "int", id: 13, value: 7 }, ]; const m: InstanceType = draw(objects, true, { width: 1300, @@ -29,9 +28,7 @@ describe("draw function", () => { }); it("renders a bool", () => { - const objects: Array = [ - { isClass: false, name: "bool", id: 32, value: true }, - ]; + const objects: Array = [{ name: "bool", id: 32, value: true }]; const m: InstanceType = draw(objects, true, { width: 1300, seed: 12345, @@ -41,9 +38,7 @@ describe("draw function", () => { }); it("renders an int", () => { - const objects: Array = [ - { isClass: false, name: "int", id: 32, value: 7 }, - ]; + const objects: Array = [{ name: "int", id: 32, value: 7 }]; const m: InstanceType = draw(objects, true, { width: 1300, seed: 12345, @@ -53,9 +48,7 @@ describe("draw function", () => { }); it("renders a float", () => { - const objects: Array = [ - { isClass: false, name: "float", id: 32, value: 7.0 }, - ]; + const objects: Array = [{ name: "float", id: 32, value: 7.0 }]; const m: InstanceType = draw(objects, true, { width: 1300, seed: 12345, @@ -66,7 +59,7 @@ describe("draw function", () => { it("renders a str", () => { const objects: Array = [ - { isClass: false, name: "str", id: 32, value: "winter" }, + { name: "str", id: 32, value: "winter" }, ]; const m: InstanceType = draw(objects, true, { width: 1300, @@ -78,7 +71,7 @@ describe("draw function", () => { it("renders a set", () => { const objects: Array = [ - { isClass: false, name: "set", id: 32, value: [10, 11, 12] }, + { name: "set", id: 32, value: [10, 11, 12] }, ]; const m: InstanceType = draw(objects, true, { width: 1300, @@ -89,9 +82,7 @@ describe("draw function", () => { }); it("renders an empty set", () => { - const objects: Array = [ - { isClass: false, name: "set", id: 32, value: [] }, - ]; + const objects: Array = [{ name: "set", id: 32, value: [] }]; const m: InstanceType = draw(objects, true, { width: 1300, seed: 12345, @@ -103,7 +94,6 @@ describe("draw function", () => { it("renders a list with indexes showing", () => { const objects: Array = [ { - isClass: false, name: "list", id: 32, value: [10, 11, 12], @@ -120,7 +110,7 @@ describe("draw function", () => { it("renders a list without indexes showing", () => { const objects: Array = [ - { isClass: false, name: "list", id: 32, value: [10, 11, 12] }, + { name: "list", id: 32, value: [10, 11, 12] }, ]; const m: InstanceType = draw(objects, true, { width: 1300, @@ -131,9 +121,7 @@ describe("draw function", () => { }); it("renders an empty list", () => { - const objects: Array = [ - { isClass: false, name: "list", id: 32, value: [] }, - ]; + const objects: Array = [{ name: "list", id: 32, value: [] }]; const m: InstanceType = draw(objects, true, { width: 1300, seed: 12345, @@ -145,7 +133,6 @@ describe("draw function", () => { it("renders a tuple with indexes showing", () => { const objects: Array = [ { - isClass: false, name: "tuple", id: 32, value: [10, 11, 12], @@ -162,7 +149,7 @@ describe("draw function", () => { it("renders a tuple without indexes showing", () => { const objects: Array = [ - { isClass: false, name: "tuple", id: 32, value: [10, 11, 12] }, + { name: "tuple", id: 32, value: [10, 11, 12] }, ]; const m: InstanceType = draw(objects, true, { width: 1300, @@ -173,9 +160,7 @@ describe("draw function", () => { }); it("renders an empty tuple", () => { - const objects: Array = [ - { isClass: false, name: "tuple", id: 32, value: [] }, - ]; + const objects: Array = [{ name: "tuple", id: 32, value: [] }]; const m: InstanceType = draw(objects, true, { width: 1300, seed: 12345, @@ -187,7 +172,6 @@ describe("draw function", () => { it("renders a dict", () => { const objects: Array = [ { - isClass: false, name: "dict", id: 10, value: { x: 81, y: 100, z: 121 }, @@ -202,9 +186,7 @@ describe("draw function", () => { }); it("renders an empty dict", () => { - const objects: Array = [ - { isClass: false, name: "dict", id: 32, value: {} }, - ]; + const objects: Array = [{ name: "dict", id: 32, value: {} }]; const m: InstanceType = draw(objects, true, { width: 1300, seed: 12345, @@ -215,7 +197,7 @@ describe("draw function", () => { it("renders an object with no type and no value", () => { const objects: Array = [ - { isClass: false, name: "None", id: 13, value: "None" }, + { name: "None", id: 13, value: "None" }, ]; const m: InstanceType = draw(objects, true, { width: 1300, @@ -249,7 +231,6 @@ describe("draw function", () => { stack_frame: true, }, { - isClass: false, name: "int", id: 13, value: 7, @@ -288,7 +269,6 @@ describe("draw function", () => { it("renders a bool using manual layout", () => { const objects: Array = [ { - isClass: false, x: 750, y: 250, name: "bool", @@ -306,7 +286,6 @@ describe("draw function", () => { it("renders blank spaces in automatic layout", () => { const objects: Array = [ { - isClass: false, name: "int", id: 98, value: 42, @@ -317,7 +296,6 @@ describe("draw function", () => { height: 200, }, { - isClass: false, name: "str", id: 99, value: "life", @@ -334,7 +312,6 @@ describe("draw function", () => { it("formats non-stack frame objects in automatic layout", () => { const objects: Array = [ { - isClass: false, name: "int", id: 98, value: 42, @@ -348,13 +325,11 @@ describe("draw function", () => { }, }, { - isClass: false, name: "list", id: 54, value: [19, 42, 22, 63], }, { - isClass: false, name: "str", id: 12, value: "banana", @@ -390,14 +365,12 @@ describe("draw function", () => { stack_frame: true, }, { - isClass: false, name: "list", id: 84, value: [17, 8], show_indexes: true, }, { - isClass: false, name: "None", id: 10, value: "None", @@ -414,7 +387,6 @@ describe("draw function", () => { it("renders custom style (without presets)", () => { const objects: Array = [ { - isClass: false, name: "str", id: 19, value: "David is cool!", @@ -449,7 +421,6 @@ describe("draw function", () => { style: ["highlight"], }, { - isClass: false, name: "str", id: 42, value: "highlight!", @@ -477,7 +448,6 @@ describe("draw function", () => { style: ["highlight_id"], }, { - isClass: false, name: "str", id: 42, value: "highlight id!", @@ -505,7 +475,6 @@ describe("draw function", () => { style: ["highlight_type"], }, { - isClass: false, name: "str", id: 42, value: "highlight type!", @@ -533,7 +502,6 @@ describe("draw function", () => { style: ["hide"], }, { - isClass: false, name: "str", id: 42, value: "hide!", @@ -561,7 +529,6 @@ describe("draw function", () => { style: ["hide_id"], }, { - isClass: false, name: "str", id: 42, value: "hide id!", @@ -589,7 +556,6 @@ describe("draw function", () => { style: ["hide_container"], }, { - isClass: false, name: "str", id: 42, value: "hide container!", @@ -617,7 +583,6 @@ describe("draw function", () => { style: ["fade"], }, { - isClass: false, name: "str", id: 42, value: "fade!", @@ -645,7 +610,6 @@ describe("draw function", () => { style: ["fade_type"], }, { - isClass: false, name: "str", id: 42, value: "fade_type!", @@ -673,7 +637,6 @@ describe("draw function", () => { style: ["fade_id"], }, { - isClass: false, name: "str", id: 42, value: "fade id!", @@ -700,7 +663,6 @@ describe("draw function", () => { style: ["highlight", "fade", "hide_id"], }, { - isClass: false, name: "str", id: 42, value: "combination!",