scarpe 0.2.2 → 0.4.0

data/scarpe-components/test/calzini/test_calzini_art_drawables.rb

@@ -0,0 +1,105 @@
+# frozen_string_literal: true
+
+require_relative "../test_helper"
+
+class TestCalziniArtDrawables < Minitest::Test
+  def setup
+    @calzini = CalziniRenderer.new
+  end
+
+  def assert_start_and_finish(start, finish, value)
+    assert value.start_with?(start),
+      "Expected string to start with correct prefix... prefix: #{start.inspect} Value: #{value.inspect}"
+    assert value.end_with?(finish),
+      "Expected string to end with correct suffix... suffix: #{finish.inspect} Value: #{value.inspect}"
+  end
+
+  def test_arc_example
+    arc_example = @calzini.render(
+      "arc",
+      {
+        "width" => 200,
+        "height" => 150,
+        "left" => 17,
+        "top" => 42,
+        "angle1" => 3.14 / 2,
+        "angle2" => 3.14 / 4,
+      },
+    )
+    ex_html_start = %{<div id="elt-1" style="position:absolute;top:42px;left:17px;width:200px;height:150px"><svg width="200" height="150"><path d="M100 75 L200 75 A100 75 0 1 0 170.73882691671997 128.01188858290243 Z" transform="rotate(, 100, 75)" /></svg></div>}
+    ex_html_end = %{" /></svg></div>}
+    assert_start_and_finish(ex_html_start, ex_html_end, arc_example)
+  end
+
+  def test_line_example
+    assert_equal %{<div id="elt-1" style="position:absolute;top:4px;left:7px">} +
+      %{<svg width="100" height="104"><line x1="7" y1="4" x2="100" y2="104" style="stroke:black;stroke-width:4">} +
+      %{</line></svg></div>},
+      @calzini.render("line", { "top" => "4", "left" => "7", "x1" => "20", "y1" => "17", "x2" => "100", "y2" => "104" })
+  end
+
+  def test_line_draw_context
+    assert_equal %{<div id="elt-1" style="position:absolute;top:4px;left:7px">} +
+      %{<svg width="100" height="104"><line x1="7" y1="4" x2="100" y2="104" style="stroke:red;stroke-width:4">} +
+      %{</line></svg></div>},
+      @calzini.render(
+        "line",
+        { "top" => "4", "left" => "7", "x1" => "20", "y1" => "17", "x2" => "100", "y2" => "104", "draw_context" => { "stroke" => "red" } },
+      )
+  end
+
+  def test_line_hidden
+    assert_equal %{<div id="elt-1" style="display:none;position:absolute;top:4px;left:7px">} +
+      %{<svg width="100" height="104"><line x1="7" y1="4" x2="100" y2="104" style="stroke:black;stroke-width:4">} +
+      %{</line></svg></div>},
+      @calzini.render("line", { "top" => "4", "left" => "7", "x1" => "20", "y1" => "17", "x2" => "100", "y2" => "104", "hidden" => true })
+  end
+
+  def test_rect_default_stroke
+    assert_equal %{<div id="elt-1" style="display:none;position:absolute;top:9;left:12;width:147;height:91">} +
+      %{<svg width="147" height="91"><rect x="12" y="9" width="147" height="91" transform="rotate( 73 45)" />} +
+      %{</svg></div>},
+      @calzini.render("rect", { "top" => "9", "left" => "12", "width" => "147", "height" => "91", "draw_context" => {}, "hidden" => true })
+  end
+
+  def test_rect_round_corners
+    assert_equal %{<div id="elt-1" style="display:none;position:absolute;top:9;left:12;width:147;height:91">} +
+      %{<svg width="177" height="121"><rect x="12" y="9" width="147" height="91" style="stroke:red" rx="15" transform="rotate( 88 60)" />} +
+      %{</svg></div>},
+      @calzini.render(
+        "rect",
+        {
+          "top" => "9",
+          "left" => "12",
+          "width" => "147",
+          "height" => "91",
+          "curve" => "15",
+          "draw_context" => { "stroke" => "red" },
+          "hidden" => true,
+        },
+      )
+  end
+
+  def test_rect_hidden
+    assert_equal %{<div id="elt-1" style="display:none;position:absolute;top:4;left:7;width:20;height:17">} +
+      %{<svg width="20" height="17"><rect x="7" y="4" width="20" height="17" transform="rotate( 10 8)" />} +
+      %{</svg></div>},
+      @calzini.render("rect", { "top" => "4", "left" => "7", "width" => "20", "height" => "17", "hidden" => true })
+  end
+
+  def test_star_simple
+    start = %{<div id="elt-1"><svg width="2.0" height="2.0" style="fill:black"><polygon points="2.0,1.0,1.4}
+    finish = %{" style="stroke:black;stroke-width:2" /></svg></div>}
+    assert_start_and_finish start,
+      finish,
+      @calzini.render("star", { "points" => 5, "outer" => 2.0, "inner" => 1.0 })
+  end
+
+  def test_star_colors
+    start = %{<div id="elt-1"><svg width="2.0" height="2.0" style="fill:red"><polygon points="2.0,1.0,1.4}
+    finish = %{" style="stroke:green;stroke-width:2" /></svg></div>}
+    assert_start_and_finish start,
+      finish,
+      @calzini.render("star", { "points" => 5, "outer" => 2.0, "inner" => 1.0, "draw_context" => { "fill" => "red", "stroke" => "green" } })
+  end
+end

data/scarpe-components/test/calzini/test_calzini_button.rb

@@ -0,0 +1,54 @@
+# frozen_string_literal: true
+
+require_relative "../test_helper"
+
+class TestCalziniButton < Minitest::Test
+  def setup
+    @calzini = CalziniRenderer.new
+  end
+
+  def test_button_defaults
+    assert_equal %{<button id="elt-1" onclick="handle('click')" onmouseover="handle('hover')"></button>}, @calzini.render("button", {})
+  end
+
+ def test_button_with_html_class
+    assert_equal %{<button id="elt-1" onclick="handle('click')" onmouseover="handle('hover')" class="buttonish"></button>}, @calzini.render("button", { "html_class" => "buttonish" })
+  end
+
+  def test_button_all_standard_properties_set
+    props = {
+      "color" => "red",
+      "padding_top" => "4",
+      "padding_bottom" => "5",
+      "text_color" => "blue",
+      "width" => 201,
+      "height" => 203,
+      "font_size" => "14",
+      "top" => "10",
+      "left" => "11",
+      "size" => "17",
+      "font" => "Lucida",
+    }
+    assert_equal %{<button id="elt-1" onclick="handle('click')" onmouseover="handle('hover')" } +
+      %{style="position:absolute;top:10;left:11;width:201px;height:203px;padding-top:4;padding-bottom:5;background-color:red;color:blue;font-size:17px;font-family:Lucida"></button>},
+      @calzini.render("button", props)
+  end
+
+  def test_button_all_standard_properties_nil
+    props = {
+      "color" => nil,
+      "padding_top" => nil,
+      "padding_bottom" => nil,
+      "text_color" => nil,
+      "width" => nil,
+      "height" => nil,
+      "font_size" => nil,
+      "top" => nil,
+      "left" => nil,
+      "size" => nil,
+      "font" => nil,
+      "stroke" => nil,
+    }
+    assert_equal %{<button id="elt-1" onclick="handle('click')" onmouseover="handle('hover')"></button>}, @calzini.render("button", props)
+  end
+end

data/scarpe-components/test/calzini/test_calzini_misc.rb

@@ -0,0 +1,115 @@
+# frozen_string_literal: true
+
+require_relative "../test_helper"
+
+class TestCalziniMiscDrawables < Minitest::Test
+  def setup
+    @calzini = CalziniRenderer.new
+  end
+
+  def test_checkbox_checked
+    assert_equal %{<input type="checkbox" id="elt-1" onclick="handle('click')" value="done?" checked="true" />},
+      @calzini.render("check", { "text" => "done?", "checked" => true })
+  end
+
+  def test_checkbox_unchecked
+    assert_equal %{<input type="checkbox" id="elt-1" onclick="handle('click')" value="done?" checked="false" />},
+      @calzini.render("check", { "text" => "done?", "checked" => false })
+  end
+
+  def test_checkbox_hidden
+    assert_equal %{<input type="checkbox" id="elt-1" onclick="handle('click')" value="done?" checked="true" style="display:none" />},
+      @calzini.render("check", { "text" => "done?", "checked" => true, "hidden" => true })
+  end
+
+  def test_edit_box_default
+    assert_equal %{<textarea id="elt-1" oninput="handle('change', this.value)" onmouseover="handle('hover')"></textarea>},
+      @calzini.render("edit_box", {})
+  end
+
+  def test_edit_box_hidden
+    assert_equal %{<textarea id="elt-1" oninput="handle('change', this.value)" onmouseover="handle('hover')" style="display:none"></textarea>},
+      @calzini.render("edit_box", { "hidden" => true })
+  end
+
+  def test_edit_box_simple
+    assert_equal %{<textarea id="elt-1" oninput="handle('change', this.value)" onmouseover="handle('hover')" style="width:75;height:50">default</textarea>},
+      @calzini.render("edit_box", { "height" => "50", "width" => "75", "text" => "default" })
+  end
+
+  def test_edit_line_default
+    assert_equal %{<input id="elt-1" oninput="handle('change', this.value)" onmouseover="handle('hover')" style="font:;color:" />},
+      @calzini.render("edit_line", {})
+  end
+
+  def test_edit_line_hidden
+    assert_equal %{<input id="elt-1" oninput="handle('change', this.value)" onmouseover="handle('hover')" style="display:none;font:;color:" />},
+      @calzini.render("edit_line", { "hidden" => true })
+  end
+
+  def test_edit_line_simple
+    assert_equal %{<input id="elt-1" oninput="handle('change', this.value)" onmouseover="handle('hover')" value="(default)" style="width:200;font:;color:" />},
+      @calzini.render("edit_line", { "width" => "200", "text" => "(default)" })
+  end
+
+  def test_image_simple
+    assert_equal %{<img id="elt-1" src="https://example.com/example.png" />},
+      @calzini.render("image", { "url" => "https://example.com/example.png" })
+  end
+
+  def test_image_with_click
+    assert_equal %{<a id="elt-1" href="https://google.com"><img id="elt-1" src="https://example.com/example.png" style="width:150;height:200" /></a>},
+      @calzini.render("image", { "url" => "https://example.com/example.png", "height" => "200", "width" => "150", "click" => "https://google.com" })
+  end
+
+  def test_image_with_abs_positioning
+    assert_equal %{<img id="elt-1" src="https://example.com/example.png" style="position:absolute;top:15;left:20;width:150;height:200" />},
+      @calzini.render("image", { "url" => "https://example.com/example.png", "height" => "200", "width" => "150", "top" => "15", "left" => "20" })
+  end
+
+  def test_list_box_empty
+    assert_equal %{<select id="elt-1" onchange="handle('change', this.options[this.selectedIndex].value)"></select>},
+      @calzini.render("list_box", {})
+  end
+
+  def test_list_box_simple
+    assert_equal %{<select id="elt-1" onchange="handle('change', this.options[this.selectedIndex].value)"} +
+      %{ style="width:150;height:75"><option value="dog">dog</option>} +
+      %{<option value="cat" selected="true">cat</option><option value="bird">bird</option></select>},
+      @calzini.render("list_box", { "height" => "75", "width" => "150", "items" => ["dog", "cat", "bird"], "choose" => "cat" })
+  end
+
+  def test_list_box_none_selected
+    assert_equal %{<select id="elt-1" onchange="handle('change', this.options[this.selectedIndex].value)"} +
+      %{ style="width:150;height:75"><option value="dog">dog</option>} +
+      %{<option value="cat">cat</option><option value="bird">bird</option></select>},
+      @calzini.render("list_box", { "height" => "75", "width" => "150", "items" => ["dog", "cat", "bird"] })
+  end
+
+  def test_list_box_just_items
+    assert_equal %{<select id="elt-1" onchange="handle('change', this.options[this.selectedIndex].value)">} +
+      %{<option value="dog">dog</option>} +
+      %{<option value="cat">cat</option><option value="bird">bird</option></select>},
+      @calzini.render("list_box", { "items" => ["dog", "cat", "bird"] })
+  end
+
+  def test_radio_minimal
+    assert_equal %{<input type="radio" id="elt-1" onclick="handle('click')" name="no_group" />},
+      @calzini.render("radio", {})
+  end
+
+  def test_radio_group
+    assert_equal %{<input type="radio" id="elt-1" onclick="handle('click')" name="boba" />},
+      @calzini.render("radio", { "group" => "boba" })
+  end
+
+  def test_radio_checked
+    assert_equal %{<input type="radio" id="elt-1" onclick="handle('click')" name="boba" checked="true" />},
+      @calzini.render("radio", { "group" => "boba", "checked" => true })
+  end
+
+  def test_video_simple
+    assert_equal %{<video id="elt-1" controls="true"><source type="video/mp4" /></video>},
+      @calzini.render("video", { "url" => "http://techslides.com/demos/sample-videos/small.mp4", "format" => "video/mp4" })
+  end
+end

data/scarpe-components/test/calzini/test_calzini_para.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+require_relative "../test_helper"
+
+class TestCalziniPara < Minitest::Test
+  def setup
+    @calzini = CalziniRenderer.new
+  end
+
+  def test_para_simple
+    assert_equal %{<p id="elt-1">OK</p>},
+      @calzini.render("para", {}) { "OK" }
+  end
+
+  def test_para_with_align
+    assert_equal %{<div id=\"elt-1\" style=\"text-align:right;width:100%\"><p>OK</p></div>},
+      @calzini.render("para", { "align" => "right" }) { "OK" }
+  end
+
+  def test_para_with_stroke_and_font
+    assert_equal %{<p id="elt-1" style="color:#FF0000;font-family:Lucida">OK</p>},
+      @calzini.render("para", { "stroke" => [1.0, 0.0, 0.0], "family" => "Lucida" }) { "OK" }
+  end
+
+  def test_para_with_string_banner
+    assert_equal %{<p id="elt-1" style="font-size:48px"></p>},
+      @calzini.render("para", { "size" => "banner" })
+  end
+
+  def test_para_with_symbol_banner
+    assert_equal %{<p id="elt-1" style="font-size:48px"></p>},
+      @calzini.render("para", { "size" => :banner })
+  end
+end

data/scarpe-components/test/calzini/test_calzini_slots.rb

@@ -0,0 +1,85 @@
+# frozen_string_literal: true
+
+require_relative "../test_helper"
+
+class TestCalziniSlots < Minitest::Test
+  def setup
+    @calzini = CalziniRenderer.new
+    @stack_default_style = %{display:flex;flex-direction:column;align-content:flex-start;justify-content:flex-start;align-items:flex-start}
+    @flow_default_style = %{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;align-items:flex-start}
+    @inner_div_tag = %{<div style="height:100%;width:100%;position:relative">}
+  end
+
+  def test_stack_simple
+    assert_equal %{<div id="elt-1" } +
+      %{style="#{@stack_default_style}">} +
+      %{#{@inner_div_tag}contents</div></div>},
+      @calzini.render("stack", {}) { "contents" }
+  end
+
+  def test_flow_simple
+    assert_equal %{<div id="elt-1" } +
+      %{style="#{@flow_default_style}">} +
+      %{#{@inner_div_tag}contents</div></div>},
+      @calzini.render("flow", {}) { "contents" }
+  end
+
+  def test_docroot_simple
+    assert_equal %{<div id="elt-1" } +
+      %{style="#{@flow_default_style}">} +
+      %{#{@inner_div_tag}contents</div></div>},
+      @calzini.render("documentroot", {}) { "contents" }
+  end
+
+  def test_stack_border_plain_color
+    assert_equal %{<div id="elt-1" } +
+      %{style="#{@stack_default_style};border-style:solid;border-width:1px;border-radius:0px;border-color:red">} +
+      %{#{@inner_div_tag}contents</div></div>},
+      @calzini.render("stack", { "border_color" => "red" }) { "contents" }
+  end
+
+  def test_stack_border_gradient
+    assert_equal %{<div id="elt-1" } +
+      %{style="#{@stack_default_style};border-style:solid;border-width:1px;border-radius:0px;border-image:linear-gradient(45deg, red, green)">} +
+      %{#{@inner_div_tag}contents</div></div>},
+      @calzini.render("stack", { "border_color" => ("red".."green") }) { "contents" }
+  end
+
+  def test_stack_border_rgba
+    assert_equal %{<div id="elt-1" } +
+      %{style="#{@stack_default_style};border-style:solid;border-width:1px;border-radius:0px;border-color:rgba(1.0, 0.0, 0.0, 1.0)">} +
+      %{#{@inner_div_tag}contents</div></div>},
+      @calzini.render("stack", { "border_color" => [1.0, 0.0, 0.0, 1.0] }) { "contents" }
+  end
+
+  def test_stack_border_attrs
+    assert_equal %{<div id="elt-1" } +
+      %{style="#{@stack_default_style};border-style:solid;border-width:3px;border-radius:2px;border-color:red">} +
+      %{#{@inner_div_tag}contents</div></div>},
+      @calzini.render("stack", { "border_color" => "red", "options" => { "strokewidth" => 3, "curve" => 2 } }) { "contents" }
+  end
+
+
+  def test_stack_padding
+    assert_equal %{<div id="elt-1" } +
+      %{style="#{@stack_default_style};padding:25px">} +
+      %{#{@inner_div_tag}contents</div></div>},
+      @calzini.render("stack", { "padding" => 25 }) { "contents" }
+  end
+
+  def test_stack_options_padding
+    assert_equal %{<div id="elt-1" } +
+      %{style="#{@stack_default_style};padding:15px">} +
+      %{#{@inner_div_tag}contents</div></div>},
+      @calzini.render("stack", { "options" => { "padding" => 15 } }) { "contents" }
+  end
+
+  def test_stack_padding_overrides_options
+    assert_equal %{<div id="elt-1" } +
+      %{style="#{@stack_default_style};padding:25px">} +
+      %{#{@inner_div_tag}contents</div></div>},
+      @calzini.render("stack", { "padding" => 25, "options" => { "padding" => 15 } }) { "contents" }
+  end
+
+ 
+end

data/scarpe-components/test/calzini/test_calzini_text_drawables.rb

@@ -0,0 +1,106 @@
+# frozen_string_literal: true
+
+require_relative "../test_helper"
+
+class TestCalziniTextDrawables < Minitest::Test
+  def setup
+    @calzini = CalziniRenderer.new
+  end
+
+  def trim_html_ids(s)
+    s.gsub(/ class="id_\d+"/, "")
+  end
+
+  def test_text_only_drawable
+    assert_equal %{this is text},
+      @calzini.render("text_drawable", ["this ", "is", " text"])
+  end
+
+  def test_simple_text_drawable_with_em
+    assert_equal %{this <em class="id_1">is</em> text},
+      @calzini.render("text_drawable",
+        ["this ", { tag: "em", html_id: "1", items: ["is"], props: {}}, " text"])
+  end
+
+  # Span doesn't have default properties, so it's good for testing how a property is rendered
+  def test_simple_text_drawable_with_span_styles
+    assert_equal %{this <span style="color:#FF00FF;background-color:#0000FF;font-size:13px;font-family:Lucida">is</span> text},
+      trim_html_ids(@calzini.render("text_drawable",
+        ["this ", {
+          tag: "span",
+          html_id: "1",
+          items: ["is"],
+          props: {
+            "family" => "Lucida",
+            "size" => 13,
+            "stroke" => "#FF00FF",
+            "fill" => "#0000FF"
+          }
+        }, " text"]))
+  end
+
+  def test_link_with_has_block
+    assert_equal %{this <a onclick="handle('click')">is</a> text},
+      trim_html_ids(@calzini.render("text_drawable",
+        ["this ", {
+          tag: "a",
+          html_id: "1",
+          items: ["is"],
+          props: {
+            "has_block" => true,
+          }
+        }, " text"]))
+  end
+
+  def test_link_with_click
+    assert_equal %{this <a href="#" onclick="handle('click')">is</a> text},
+      trim_html_ids(@calzini.render("text_drawable",
+        ["this ", {
+          tag: "a",
+          html_id: "1",
+          items: ["is"],
+          props: {
+            "has_block" => true,
+            "click" => "#",
+          }
+        }, " text"]))
+  end
+
+  def test_del_tag
+    assert_equal %{this <del>is</del> text},
+      trim_html_ids(@calzini.render("text_drawable",
+        ["this ", {
+          tag: "del",
+          html_id: "1",
+          items: ["is"],
+          props: {
+          }
+        }, " text"]))
+  end
+
+  def test_single_strikethrough
+    assert_equal %{this <span style="text-decoration-line:line-through">is</span> text},
+      trim_html_ids(@calzini.render("text_drawable",
+        ["this ", {
+          tag: "span",
+          html_id: "1",
+          items: ["is"],
+          props: {
+            "strikethrough" => "single",
+          }
+        }, " text"]))
+  end
+
+  def test_single_strikethrough_none
+    assert_equal %{this <span>is</span> text},
+      trim_html_ids(@calzini.render("text_drawable",
+        ["this ", {
+          tag: "span",
+          html_id: "1",
+          items: ["is"],
+          props: {
+            "strikethrough" => "none",
+          }
+        }, " text"]))
+  end
+end

data/scarpe-components/test/calzini/test_various.rb

@@ -0,0 +1,133 @@
+# frozen_string_literal: true
+
+require_relative "../test_helper"
+
+# Some tests don't cover just a single drawable.
+class TestVariousCalzini < Minitest::Test
+  def setup
+    @calzini = CalziniRenderer.new
+  end
+
+  # Test data. For each drawable, include
+  # a minimal set of properties to create something
+  # basic and default. Then we can add to it and
+  # test the resulting HTML.
+  #
+  # In Shoes3, the vast majority of drawables support
+  # both stroke and fill. Here's the list from the
+  # Shoes manual minus the ones we already test here:
+  #
+  # background, banner, caption,
+  # code, del, em, flow, image, ins, inscription,
+  # link, mask, para, shape, span, stack,
+  # strong, sub, sup, subtitle, tagline, title
+  #
+  # Scarpe doesn't yet support the property on everything.
+  # but as we support it, we should add the drawables
+  # here.
+  #
+  CALZINI_ART_DRAWABLES = {
+    arc: {
+      has_stroke: false,
+      has_fill: false,
+      props: {
+        "width" => 200,
+        "height" => 150,
+        "left" => 17,
+        "top" => 42,
+        "angle1" => 3.14 / 2,
+        "angle2" => 3.14 / 4,
+      },
+    },
+    arrow: {
+      has_stroke: true,
+      has_fill: true,
+      props: {
+        "left" => 10,
+        "top" => 20,
+        "width" => 5,
+      },
+    },
+    line: {
+      has_stroke: true,
+      has_fill: false,
+      props: {
+        "top" => "4",
+        "left" => "7",
+        "x1" => "20",
+        "y1" => "17",
+        "x2" => "100",
+        "y2" => "104",
+      },
+    },
+    rect: {
+      has_stroke: true,
+      has_fill: true,
+      props: {
+        "top" => "9",
+        "left" => "12",
+        "width" => "147",
+        "height" => "91",
+        "draw_context" => {},
+      },
+    },
+    star: {
+      has_stroke: true,
+      has_fill: true,
+      props: {
+        "points" => 5,
+        "outer" => 2.0,
+        "inner" => 1.0,
+      },
+    },
+    oval: {
+      has_stroke: true,
+      has_fill: true,
+      props: {
+        "left" => 10,
+        "top" => 7,
+        "radius" => 5,
+      },
+    },
+  }
+
+  # This method tests some basic ways of setting strokes and fills and makes sure they
+  # work for different drawables. TODO: add more drawables. TODO: either add testing for
+  # setting stroke and fill directly vs. draw-context, or remove draw-context.
+  def test_color_conversion
+    CALZINI_ART_DRAWABLES.each do |name, h|
+      basic = @calzini.render(name.to_s, h[:props])
+      assert !basic.include?("#FF0000"), "Un-colored #{name} shouldn't already have red or we'll get a false positive!"
+
+      if h[:has_stroke]
+        red_stroke = @calzini.render(name.to_s, h[:props].merge("stroke" => [255, 0, 0, 255]))
+        assert_includes red_stroke, "#FF0000", "With integer-array red stroke, #{name} should contain red color!"
+
+        red_stroke = @calzini.render(name.to_s, h[:props].merge("draw_context" => { "stroke" => [255, 0, 0, 255] }))
+        assert_includes red_stroke, "#FF0000", "With integer-array red stroke, #{name} should contain red color!"
+
+        red_stroke = @calzini.render(name.to_s, h[:props].merge("stroke" => [255, 0, 0, 255], "draw_context" => { "stroke" => [0, 255, 0, 255] }))
+        assert_includes red_stroke, "#FF0000", "Red stroke should take precedence over green, #{name} should contain red color!"
+
+        # TODO: later, after issue #504 is fixed, colors should turn into their hex equivalent
+        red_stroke = @calzini.render(name.to_s, h[:props].merge("stroke" => "red"))
+        assert_includes red_stroke, "red", "With integer-array red stroke, #{name} should contain red color!"
+      end
+
+      if h[:has_fill]
+        red_fill = @calzini.render(name.to_s, h[:props].merge("fill" => [255, 0, 0, 255]))
+        assert_includes red_fill, "#FF0000", "With integer-array red fill, #{name} should contain red color!"
+
+        red_fill = @calzini.render(name.to_s, h[:props].merge("draw_context" => { "fill" => [255, 0, 0, 255] }))
+        assert_includes red_fill, "#FF0000", "With integer-array red fill, #{name} should contain red color!"
+
+        red_fill = @calzini.render(name.to_s, h[:props].merge("fill" => [255, 0, 0, 255], "draw_context" => { "fill" => [0, 255, 0, 255] }))
+        assert_includes red_fill, "#FF0000", "Red fill should take precedence over green, #{name} should contain red color!"
+
+        # TODO: later, after issue #504 is fixed, colors should turn into their hex equivalent
+        red_fill = @calzini.render(name.to_s, h[:props].merge("fill" => "red"))
+        assert_includes red_fill, "red", "With integer-array red fill, #{name} should contain red color!"
+      end
+    end
+  end
+end

data/scarpe-components/test/mtr_data/exception.json

@@ -0,0 +1 @@
+[{"name":"test_sspec","klass":"TestListBoxShoesSpecIntegration","assertions":0,"failures":[["unexpected","{\"json_class\":\"Minitest::UnexpectedError\",\"m\":\"RuntimeError: This is an exception\\n    (eval):1:in `block in run_shoes_spec_test_code'\\n    /Users/noah/src/shoes/scarpe/lib/scarpe/shoes_spec.rb:62:in `eval'\\n    /Users/noah/src/shoes/scarpe/lib/scarpe/shoes_spec.rb:62:in `block in run_shoes_spec_test_code'\",\"b\":[\"(eval):1:in `block in run_shoes_spec_test_code'\",\"/Users/noah/src/shoes/scarpe/lib/scarpe/shoes_spec.rb:62:in `eval'\",\"/Users/noah/src/shoes/scarpe/lib/scarpe/shoes_spec.rb:62:in `block in run_shoes_spec_test_code'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest/test.rb:102:in `block (3 levels) in run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest/test.rb:199:in `capture_exceptions'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest/test.rb:97:in `block (2 levels) in run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:296:in `time_it'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest/test.rb:96:in `block in run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:391:in `on_signal'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest/test.rb:247:in `with_info_handler'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest/test.rb:95:in `run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-reporters-1.6.0/lib/minitest/reporters.rb:48:in `run_with_hooks'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:1051:in `run_one_method'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:365:in `run_one_method'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:352:in `block (2 levels) in run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:351:in `each'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:351:in `block in run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:391:in `on_signal'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:378:in `with_info_handler'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:350:in `run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:182:in `block in __run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:182:in `map'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:182:in `__run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:159:in `run'\",\"/Users/noah/src/shoes/scarpe/lib/scarpe/shoes_spec.rb:51:in `block (2 levels) in run_shoes_spec_test_code'\",\"/Users/noah/src/shoes/scarpe/lib/scarpe/cats_cradle.rb:164:in `instance_eval'\",\"/Users/noah/src/shoes/scarpe/lib/scarpe/cats_cradle.rb:164:in `block in on_event'\"]}","{\"json_class\":\"RuntimeError\",\"m\":\"This is an exception\",\"b\":[\"(eval):1:in `block in run_shoes_spec_test_code'\",\"/Users/noah/src/shoes/scarpe/lib/scarpe/shoes_spec.rb:62:in `eval'\",\"/Users/noah/src/shoes/scarpe/lib/scarpe/shoes_spec.rb:62:in `block in run_shoes_spec_test_code'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest/test.rb:102:in `block (3 levels) in run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest/test.rb:199:in `capture_exceptions'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest/test.rb:97:in `block (2 levels) in run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:296:in `time_it'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest/test.rb:96:in `block in run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:391:in `on_signal'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest/test.rb:247:in `with_info_handler'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest/test.rb:95:in `run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-reporters-1.6.0/lib/minitest/reporters.rb:48:in `run_with_hooks'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:1051:in `run_one_method'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:365:in `run_one_method'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:352:in `block (2 levels) in run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:351:in `each'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:351:in `block in run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:391:in `on_signal'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:378:in `with_info_handler'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:350:in `run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:182:in `block in __run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:182:in `map'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:182:in `__run'\",\"/Users/noah/.gem/ruby/3.2.2/gems/minitest-5.18.0/lib/minitest.rb:159:in `run'\",\"/Users/noah/src/shoes/scarpe/lib/scarpe/shoes_spec.rb:51:in `block (2 levels) in run_shoes_spec_test_code'\",\"/Users/noah/src/shoes/scarpe/lib/scarpe/cats_cradle.rb:164:in `instance_eval'\",\"/Users/noah/src/shoes/scarpe/lib/scarpe/cats_cradle.rb:164:in `block in on_event'\"]}"]],"time":0.00011800043284893036,"metadata":{},"source_location":["/Users/noah/src/shoes/scarpe/lib/scarpe/shoes_spec.rb",61]}]