@@ -110,6 +110,10 @@ Rectangle {
110110 "name": "Art, header - vertical",
111111 "layout": { "components": Helpers.update(JSON.parse(root.fullMapping), { "summary": undefined }) }
112112 },
113+ {
114+ "name": "Art, summary - vertical",
115+ "layout": { "components": { "art": "art", "summary": "summary" } }
116+ },
113117 {
114118 "name": "Header title only - horizontal",
115119 "layout": { "template": { "card-layout": "horizontal" },
@@ -356,13 +360,26 @@ Rectangle {
356360 tryCompareFunction(function() { return testCase.header.x === data.left() }, true);
357361 }
358362
363+ function test_summary_layout_data() {
364+ return [
365+ { tag: "With header", top: function() { return header.y + header.height }, index: 0 },
366+ { tag: "Without header", top: function() { return art.y + art.height }, index: 7 },
367+ ]
368+ }
369+
370+ function test_summary_layout(data) {
371+ selector.selectedIndex = data.index;
372+
373+ tryCompareFunction(function() { return testCase.summary.y === data.top() }, true);
374+ }
375+
359376 function test_art_visibility() {
360− selector.selectedIndex = 7
377+ selector.selectedIndex = 8;
361378
362− tryCompare(testCase.artImage, "source", "")
363− compare(testCase.art.visible, false)
364− compare(testCase.art.height, 0)
365− compare(testCase.art.width, 0)
379+ tryCompare(testCase.artImage, "source", "");
380+ compare(testCase.art.visible, false);
381+ compare(testCase.art.height, 0);
382+ compare(testCase.art.width, 0);
366383 }
367384 }
368385}