mirror of
https://github.com/duhanbalci/dreport.git
synced 2026-07-02 02:49:16 +00:00
visual testing
This commit is contained in:
33
layout-engine/tests/fixtures/chart_test_data.json
vendored
Normal file
33
layout-engine/tests/fixtures/chart_test_data.json
vendored
Normal file
@@ -0,0 +1,33 @@
|
||||
{
|
||||
"satis": [
|
||||
{ "ay": "Ocak", "gelir": 15000, "kanal": "Online" },
|
||||
{ "ay": "Ocak", "gelir": 8000, "kanal": "Magaza" },
|
||||
{ "ay": "Ocak", "gelir": 3000, "kanal": "Toptan" },
|
||||
{ "ay": "Subat", "gelir": 18000, "kanal": "Online" },
|
||||
{ "ay": "Subat", "gelir": 9500, "kanal": "Magaza" },
|
||||
{ "ay": "Subat", "gelir": 4200, "kanal": "Toptan" },
|
||||
{ "ay": "Mart", "gelir": 22000, "kanal": "Online" },
|
||||
{ "ay": "Mart", "gelir": 11000, "kanal": "Magaza" },
|
||||
{ "ay": "Mart", "gelir": 5100, "kanal": "Toptan" },
|
||||
{ "ay": "Nisan", "gelir": 19500, "kanal": "Online" },
|
||||
{ "ay": "Nisan", "gelir": 10200, "kanal": "Magaza" },
|
||||
{ "ay": "Nisan", "gelir": 4800, "kanal": "Toptan" }
|
||||
],
|
||||
"trend": [
|
||||
{ "hafta": "H1", "ziyaretci": 1200, "kaynak": "Organik" },
|
||||
{ "hafta": "H1", "ziyaretci": 800, "kaynak": "Reklam" },
|
||||
{ "hafta": "H2", "ziyaretci": 1500, "kaynak": "Organik" },
|
||||
{ "hafta": "H2", "ziyaretci": 950, "kaynak": "Reklam" },
|
||||
{ "hafta": "H3", "ziyaretci": 1350, "kaynak": "Organik" },
|
||||
{ "hafta": "H3", "ziyaretci": 1100, "kaynak": "Reklam" },
|
||||
{ "hafta": "H4", "ziyaretci": 1800, "kaynak": "Organik" },
|
||||
{ "hafta": "H4", "ziyaretci": 1250, "kaynak": "Reklam" }
|
||||
],
|
||||
"dagilim": [
|
||||
{ "kategori": "Elektronik", "oran": 35 },
|
||||
{ "kategori": "Giyim", "oran": 25 },
|
||||
{ "kategori": "Gida", "oran": 20 },
|
||||
{ "kategori": "Kozmetik", "oran": 12 },
|
||||
{ "kategori": "Diger", "oran": 8 }
|
||||
]
|
||||
}
|
||||
131
layout-engine/tests/fixtures/chart_test_template.json
vendored
Normal file
131
layout-engine/tests/fixtures/chart_test_template.json
vendored
Normal file
@@ -0,0 +1,131 @@
|
||||
{
|
||||
"id": "chart_test",
|
||||
"name": "Chart Visual Test",
|
||||
"page": { "width": 210, "height": 297 },
|
||||
"fonts": ["Noto Sans"],
|
||||
"root": {
|
||||
"id": "root",
|
||||
"type": "container",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"direction": "column",
|
||||
"gap": 8,
|
||||
"padding": { "top": 15, "right": 15, "bottom": 15, "left": 15 },
|
||||
"align": "stretch",
|
||||
"justify": "start",
|
||||
"style": {},
|
||||
"children": [
|
||||
{
|
||||
"id": "bar_chart",
|
||||
"type": "chart",
|
||||
"position": { "type": "flow" },
|
||||
"size": {
|
||||
"width": { "type": "fr", "value": 1 },
|
||||
"height": { "type": "fixed", "value": 80 }
|
||||
},
|
||||
"chartType": "bar",
|
||||
"dataSource": { "path": "satis" },
|
||||
"categoryField": "ay",
|
||||
"valueField": "gelir",
|
||||
"groupField": "kanal",
|
||||
"groupMode": "grouped",
|
||||
"title": {
|
||||
"text": "Aylik Satis Geliri",
|
||||
"fontSize": 4.0,
|
||||
"color": "#1a1a1a"
|
||||
},
|
||||
"legend": {
|
||||
"show": true,
|
||||
"position": "bottom",
|
||||
"fontSize": 2.8
|
||||
},
|
||||
"labels": {
|
||||
"show": true,
|
||||
"fontSize": 2.2,
|
||||
"color": "#333333"
|
||||
},
|
||||
"axis": {
|
||||
"xLabel": "Aylar",
|
||||
"yLabel": "Gelir (TL)",
|
||||
"showGrid": true,
|
||||
"gridColor": "#E5E7EB"
|
||||
},
|
||||
"style": {
|
||||
"colors": ["#4F46E5", "#10B981", "#F59E0B"],
|
||||
"backgroundColor": "#FFFFFF",
|
||||
"barGap": 0.2
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "line_chart",
|
||||
"type": "chart",
|
||||
"position": { "type": "flow" },
|
||||
"size": {
|
||||
"width": { "type": "fr", "value": 1 },
|
||||
"height": { "type": "fixed", "value": 80 }
|
||||
},
|
||||
"chartType": "line",
|
||||
"dataSource": { "path": "trend" },
|
||||
"categoryField": "hafta",
|
||||
"valueField": "ziyaretci",
|
||||
"groupField": "kaynak",
|
||||
"title": {
|
||||
"text": "Haftalik Ziyaretci Trendi",
|
||||
"fontSize": 4.0,
|
||||
"color": "#1a1a1a"
|
||||
},
|
||||
"legend": {
|
||||
"show": true,
|
||||
"position": "bottom",
|
||||
"fontSize": 2.8
|
||||
},
|
||||
"labels": {
|
||||
"show": false
|
||||
},
|
||||
"axis": {
|
||||
"showGrid": true,
|
||||
"gridColor": "#E5E7EB"
|
||||
},
|
||||
"style": {
|
||||
"colors": ["#EF4444", "#8B5CF6"],
|
||||
"backgroundColor": "#FFFFFF",
|
||||
"lineWidth": 0.5,
|
||||
"showPoints": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "pie_chart",
|
||||
"type": "chart",
|
||||
"position": { "type": "flow" },
|
||||
"size": {
|
||||
"width": { "type": "fr", "value": 1 },
|
||||
"height": { "type": "fixed", "value": 80 }
|
||||
},
|
||||
"chartType": "pie",
|
||||
"dataSource": { "path": "dagilim" },
|
||||
"categoryField": "kategori",
|
||||
"valueField": "oran",
|
||||
"title": {
|
||||
"text": "Kategori Dagilimi",
|
||||
"fontSize": 4.0,
|
||||
"color": "#1a1a1a"
|
||||
},
|
||||
"legend": {
|
||||
"show": true,
|
||||
"position": "right",
|
||||
"fontSize": 2.8
|
||||
},
|
||||
"labels": {
|
||||
"show": true,
|
||||
"fontSize": 2.5,
|
||||
"color": "#FFFFFF"
|
||||
},
|
||||
"style": {
|
||||
"colors": ["#4F46E5", "#10B981", "#F59E0B", "#EF4444", "#8B5CF6"],
|
||||
"backgroundColor": "#FFFFFF",
|
||||
"innerRadius": 0.0
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
42
layout-engine/tests/fixtures/comprehensive_test_data.json
vendored
Normal file
42
layout-engine/tests/fixtures/comprehensive_test_data.json
vendored
Normal file
@@ -0,0 +1,42 @@
|
||||
{
|
||||
"company": {
|
||||
"name": "Teknova Yazilim A.S.",
|
||||
"city": "Istanbul",
|
||||
"revenue": 148200
|
||||
},
|
||||
"order": {
|
||||
"code": "ORD-2026-0042"
|
||||
},
|
||||
"meta": {
|
||||
"version": "1.0.0"
|
||||
},
|
||||
"products": [
|
||||
{ "no": 1, "name": "Web Application Development", "qty": 1, "price": 45000, "total": 45000 },
|
||||
{ "no": 2, "name": "Mobile App Development", "qty": 1, "price": 35000, "total": 35000 },
|
||||
{ "no": 3, "name": "UI/UX Design Service", "qty": 40, "price": 750, "total": 30000 },
|
||||
{ "no": 4, "name": "Server Maintenance (Annual)", "qty": 1, "price": 12000, "total": 12000 },
|
||||
{ "no": 5, "name": "SSL Certificate", "qty": 3, "price": 500, "total": 1500 },
|
||||
{ "no": 6, "name": "Cloud Hosting Setup", "qty": 1, "price": 8500, "total": 8500 },
|
||||
{ "no": 7, "name": "Database Optimization", "qty": 2, "price": 6000, "total": 12000 }
|
||||
],
|
||||
"distribution": [
|
||||
{ "category": "Development", "value": 80000 },
|
||||
{ "category": "Design", "value": 30000 },
|
||||
{ "category": "Infrastructure", "value": 22000 },
|
||||
{ "category": "Support", "value": 12000 }
|
||||
],
|
||||
"trend": [
|
||||
{ "month": "Jan", "series": "Revenue", "value": 18000 },
|
||||
{ "month": "Feb", "series": "Revenue", "value": 22000 },
|
||||
{ "month": "Mar", "series": "Revenue", "value": 19500 },
|
||||
{ "month": "Apr", "series": "Revenue", "value": 28000 },
|
||||
{ "month": "May", "series": "Revenue", "value": 32000 },
|
||||
{ "month": "Jun", "series": "Revenue", "value": 35000 },
|
||||
{ "month": "Jan", "series": "Costs", "value": 12000 },
|
||||
{ "month": "Feb", "series": "Costs", "value": 14000 },
|
||||
{ "month": "Mar", "series": "Costs", "value": 11000 },
|
||||
{ "month": "Apr", "series": "Costs", "value": 16000 },
|
||||
{ "month": "May", "series": "Costs", "value": 18000 },
|
||||
{ "month": "Jun", "series": "Costs", "value": 20000 }
|
||||
]
|
||||
}
|
||||
466
layout-engine/tests/fixtures/comprehensive_test_template.json
vendored
Normal file
466
layout-engine/tests/fixtures/comprehensive_test_template.json
vendored
Normal file
@@ -0,0 +1,466 @@
|
||||
{
|
||||
"id": "comprehensive_test",
|
||||
"name": "Comprehensive Element Test",
|
||||
"page": { "width": 210, "height": 297 },
|
||||
"fonts": ["Noto Sans", "Noto Sans Mono"],
|
||||
"root": {
|
||||
"id": "root",
|
||||
"type": "container",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"direction": "column",
|
||||
"gap": 4,
|
||||
"padding": { "top": 12, "right": 12, "bottom": 12, "left": 12 },
|
||||
"align": "stretch",
|
||||
"justify": "start",
|
||||
"style": {},
|
||||
"children": [
|
||||
|
||||
{
|
||||
"id": "title",
|
||||
"type": "static_text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 16, "fontWeight": "bold", "color": "#1a1a1a", "align": "center" },
|
||||
"content": "COMPREHENSIVE ELEMENT TEST"
|
||||
},
|
||||
|
||||
{
|
||||
"id": "subtitle",
|
||||
"type": "static_text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 9, "color": "#888888", "align": "center" },
|
||||
"content": "All element types in a single document"
|
||||
},
|
||||
|
||||
{
|
||||
"id": "line_top",
|
||||
"type": "line",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"style": { "strokeColor": "#1e293b", "strokeWidth": 1 }
|
||||
},
|
||||
|
||||
{
|
||||
"id": "section_text",
|
||||
"type": "container",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"direction": "column",
|
||||
"gap": 2,
|
||||
"padding": { "top": 2, "right": 4, "bottom": 2, "left": 4 },
|
||||
"align": "stretch",
|
||||
"justify": "start",
|
||||
"style": { "backgroundColor": "#f0f4ff", "borderColor": "#c7d2fe", "borderWidth": 0.5, "borderRadius": 2 },
|
||||
"children": [
|
||||
{
|
||||
"id": "sec1_label",
|
||||
"type": "static_text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 8, "fontWeight": "bold", "color": "#4338ca" },
|
||||
"content": "TEXT ELEMENTS"
|
||||
},
|
||||
{
|
||||
"id": "row_texts",
|
||||
"type": "container",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"direction": "row",
|
||||
"gap": 4,
|
||||
"padding": { "top": 0, "right": 0, "bottom": 0, "left": 0 },
|
||||
"align": "start",
|
||||
"justify": "start",
|
||||
"style": {},
|
||||
"children": [
|
||||
{
|
||||
"id": "bound_text",
|
||||
"type": "text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 10, "color": "#333333" },
|
||||
"content": "Company: ",
|
||||
"binding": { "path": "company.name" }
|
||||
},
|
||||
{
|
||||
"id": "bound_text2",
|
||||
"type": "text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 10, "color": "#333333" },
|
||||
"content": "City: ",
|
||||
"binding": { "path": "company.city" }
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "rich_text_el",
|
||||
"type": "rich_text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 9, "color": "#333333" },
|
||||
"content": [
|
||||
{ "text": "Rich text: ", "style": { "fontSize": 9, "fontWeight": "bold", "color": "#1e293b" } },
|
||||
{ "text": "normal ", "style": { "fontSize": 9, "color": "#555555" } },
|
||||
{ "text": "bold ", "style": { "fontSize": 9, "fontWeight": "bold", "color": "#dc2626" } },
|
||||
{ "text": "large ", "style": { "fontSize": 12, "color": "#059669" } },
|
||||
{ "text": "mono", "style": { "fontSize": 9, "fontFamily": "Noto Sans Mono", "color": "#7c3aed" } }
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "calc_text",
|
||||
"type": "calculated_text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 9, "color": "#333333" },
|
||||
"expression": "company.revenue * 0.20",
|
||||
"format": "currency"
|
||||
},
|
||||
{
|
||||
"id": "row_date_page",
|
||||
"type": "container",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"direction": "row",
|
||||
"gap": 8,
|
||||
"padding": { "top": 0, "right": 0, "bottom": 0, "left": 0 },
|
||||
"align": "center",
|
||||
"justify": "start",
|
||||
"style": {},
|
||||
"children": [
|
||||
{
|
||||
"id": "date_el",
|
||||
"type": "current_date",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 9, "color": "#666666" },
|
||||
"format": "DD.MM.YYYY"
|
||||
},
|
||||
{
|
||||
"id": "page_num",
|
||||
"type": "page_number",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 9, "color": "#666666" },
|
||||
"format": "Page {current}/{total}"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
"id": "line_thin",
|
||||
"type": "line",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"style": { "strokeColor": "#e2e8f0", "strokeWidth": 0.3 }
|
||||
},
|
||||
|
||||
{
|
||||
"id": "section_shapes",
|
||||
"type": "container",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"direction": "column",
|
||||
"gap": 2,
|
||||
"padding": { "top": 2, "right": 4, "bottom": 2, "left": 4 },
|
||||
"align": "stretch",
|
||||
"justify": "start",
|
||||
"style": { "backgroundColor": "#fef3c7", "borderColor": "#fbbf24", "borderWidth": 0.5, "borderRadius": 2 },
|
||||
"children": [
|
||||
{
|
||||
"id": "sec2_label",
|
||||
"type": "static_text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 8, "fontWeight": "bold", "color": "#92400e" },
|
||||
"content": "SHAPES, CHECKBOXES & BARCODES"
|
||||
},
|
||||
{
|
||||
"id": "row_shapes",
|
||||
"type": "container",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"direction": "row",
|
||||
"gap": 4,
|
||||
"padding": { "top": 0, "right": 0, "bottom": 0, "left": 0 },
|
||||
"align": "center",
|
||||
"justify": "start",
|
||||
"style": {},
|
||||
"children": [
|
||||
{
|
||||
"id": "shape_rect",
|
||||
"type": "shape",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fixed", "value": 15 }, "height": { "type": "fixed", "value": 10 } },
|
||||
"shapeType": "rectangle",
|
||||
"style": { "backgroundColor": "#3b82f6", "borderColor": "#1d4ed8", "borderWidth": 0.5 }
|
||||
},
|
||||
{
|
||||
"id": "shape_ellipse",
|
||||
"type": "shape",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fixed", "value": 15 }, "height": { "type": "fixed", "value": 10 } },
|
||||
"shapeType": "ellipse",
|
||||
"style": { "backgroundColor": "#ef4444", "borderColor": "#b91c1c", "borderWidth": 0.5 }
|
||||
},
|
||||
{
|
||||
"id": "shape_rounded",
|
||||
"type": "shape",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fixed", "value": 15 }, "height": { "type": "fixed", "value": 10 } },
|
||||
"shapeType": "rounded_rectangle",
|
||||
"style": { "backgroundColor": "#10b981", "borderColor": "#047857", "borderWidth": 0.5, "borderRadius": 3 }
|
||||
},
|
||||
{
|
||||
"id": "cb_checked",
|
||||
"type": "checkbox",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fixed", "value": 5 }, "height": { "type": "fixed", "value": 5 } },
|
||||
"checked": true,
|
||||
"style": { "size": 5, "checkColor": "#059669", "borderColor": "#333333", "borderWidth": 0.3 }
|
||||
},
|
||||
{
|
||||
"id": "cb_label1",
|
||||
"type": "static_text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 8, "color": "#333333" },
|
||||
"content": "Checked"
|
||||
},
|
||||
{
|
||||
"id": "cb_unchecked",
|
||||
"type": "checkbox",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fixed", "value": 5 }, "height": { "type": "fixed", "value": 5 } },
|
||||
"checked": false,
|
||||
"style": { "size": 5, "checkColor": "#000000", "borderColor": "#333333", "borderWidth": 0.3 }
|
||||
},
|
||||
{
|
||||
"id": "cb_label2",
|
||||
"type": "static_text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 8, "color": "#333333" },
|
||||
"content": "Unchecked"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "row_barcodes",
|
||||
"type": "container",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"direction": "row",
|
||||
"gap": 6,
|
||||
"padding": { "top": 2, "right": 0, "bottom": 0, "left": 0 },
|
||||
"align": "start",
|
||||
"justify": "start",
|
||||
"style": {},
|
||||
"children": [
|
||||
{
|
||||
"id": "barcode_qr",
|
||||
"type": "barcode",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fixed", "value": 20 }, "height": { "type": "fixed", "value": 20 } },
|
||||
"format": "qr",
|
||||
"value": "https://dreport.dev",
|
||||
"style": {}
|
||||
},
|
||||
{
|
||||
"id": "barcode_128",
|
||||
"type": "barcode",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fixed", "value": 40 }, "height": { "type": "fixed", "value": 15 } },
|
||||
"format": "code128",
|
||||
"binding": { "path": "order.code" },
|
||||
"style": { "includeText": true }
|
||||
},
|
||||
{
|
||||
"id": "barcode_ean",
|
||||
"type": "barcode",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fixed", "value": 35 }, "height": { "type": "fixed", "value": 15 } },
|
||||
"format": "ean13",
|
||||
"value": "5901234123457",
|
||||
"style": { "includeText": true }
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
"id": "section_table",
|
||||
"type": "container",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"direction": "column",
|
||||
"gap": 2,
|
||||
"padding": { "top": 2, "right": 0, "bottom": 0, "left": 0 },
|
||||
"align": "stretch",
|
||||
"justify": "start",
|
||||
"style": {},
|
||||
"children": [
|
||||
{
|
||||
"id": "sec3_label",
|
||||
"type": "static_text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 8, "fontWeight": "bold", "color": "#0f766e" },
|
||||
"content": "REPEATING TABLE"
|
||||
},
|
||||
{
|
||||
"id": "products_table",
|
||||
"type": "repeating_table",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"dataSource": { "path": "products" },
|
||||
"columns": [
|
||||
{ "id": "col_no", "field": "no", "title": "#", "width": { "type": "fixed", "value": 8 }, "align": "center" },
|
||||
{ "id": "col_name", "field": "name", "title": "Product", "width": { "type": "fr", "value": 1 }, "align": "left" },
|
||||
{ "id": "col_qty", "field": "qty", "title": "Qty", "width": { "type": "fixed", "value": 15 }, "align": "right" },
|
||||
{ "id": "col_price", "field": "price", "title": "Price", "width": { "type": "fixed", "value": 25 }, "align": "right", "format": "currency" },
|
||||
{ "id": "col_total", "field": "total", "title": "Total", "width": { "type": "fixed", "value": 25 }, "align": "right", "format": "currency" }
|
||||
],
|
||||
"style": {
|
||||
"fontSize": 8,
|
||||
"headerFontSize": 8,
|
||||
"headerBg": "#0f766e",
|
||||
"headerColor": "#ffffff",
|
||||
"zebraOdd": "#ffffff",
|
||||
"zebraEven": "#f0fdfa",
|
||||
"borderColor": "#99f6e4",
|
||||
"borderWidth": 0.3
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
"id": "section_charts",
|
||||
"type": "container",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"direction": "column",
|
||||
"gap": 2,
|
||||
"padding": { "top": 2, "right": 0, "bottom": 0, "left": 0 },
|
||||
"align": "stretch",
|
||||
"justify": "start",
|
||||
"style": {},
|
||||
"children": [
|
||||
{
|
||||
"id": "sec4_label",
|
||||
"type": "static_text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 8, "fontWeight": "bold", "color": "#9333ea" },
|
||||
"content": "CHARTS"
|
||||
},
|
||||
{
|
||||
"id": "charts_row",
|
||||
"type": "container",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"direction": "row",
|
||||
"gap": 4,
|
||||
"padding": { "top": 0, "right": 0, "bottom": 0, "left": 0 },
|
||||
"align": "start",
|
||||
"justify": "start",
|
||||
"style": {},
|
||||
"children": [
|
||||
{
|
||||
"id": "chart_bar",
|
||||
"type": "chart",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "fixed", "value": 45 } },
|
||||
"chartType": "bar",
|
||||
"dataSource": { "path": "products" },
|
||||
"categoryField": "name",
|
||||
"valueField": "total",
|
||||
"title": { "text": "Revenue by Product", "fontSize": 3, "color": "#1e293b" },
|
||||
"legend": { "show": false },
|
||||
"labels": { "show": true, "fontSize": 2, "color": "#333" },
|
||||
"axis": { "showGrid": true },
|
||||
"style": { "colors": ["#6366f1", "#22c55e", "#f59e0b", "#ef4444", "#8b5cf6"] }
|
||||
},
|
||||
{
|
||||
"id": "chart_pie",
|
||||
"type": "chart",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fixed", "value": 55 }, "height": { "type": "fixed", "value": 45 } },
|
||||
"chartType": "pie",
|
||||
"dataSource": { "path": "distribution" },
|
||||
"categoryField": "category",
|
||||
"valueField": "value",
|
||||
"title": { "text": "Distribution", "fontSize": 3, "color": "#1e293b" },
|
||||
"legend": { "show": true, "position": "bottom", "fontSize": 2 },
|
||||
"labels": { "show": true, "fontSize": 2, "color": "#333" },
|
||||
"style": { "colors": ["#3b82f6", "#ef4444", "#10b981", "#f59e0b"], "innerRadius": 0.4 }
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "chart_line",
|
||||
"type": "chart",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "fixed", "value": 40 } },
|
||||
"chartType": "line",
|
||||
"dataSource": { "path": "trend" },
|
||||
"categoryField": "month",
|
||||
"valueField": "value",
|
||||
"groupField": "series",
|
||||
"title": { "text": "Monthly Trend", "fontSize": 3, "color": "#1e293b" },
|
||||
"legend": { "show": true, "position": "top", "fontSize": 2 },
|
||||
"labels": { "show": false },
|
||||
"axis": { "showGrid": true },
|
||||
"style": { "colors": ["#6366f1", "#ef4444"], "lineWidth": 1.5, "showPoints": true }
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
"id": "line_bottom",
|
||||
"type": "line",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"style": { "strokeColor": "#1e293b", "strokeWidth": 0.5 }
|
||||
},
|
||||
|
||||
{
|
||||
"id": "footer_row",
|
||||
"type": "container",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "fr", "value": 1 }, "height": { "type": "auto" } },
|
||||
"direction": "row",
|
||||
"gap": 0,
|
||||
"padding": { "top": 0, "right": 0, "bottom": 0, "left": 0 },
|
||||
"align": "center",
|
||||
"justify": "space-between",
|
||||
"style": {},
|
||||
"children": [
|
||||
{
|
||||
"id": "footer_left",
|
||||
"type": "static_text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 7, "color": "#94a3b8" },
|
||||
"content": "Generated by dreport visual test suite"
|
||||
},
|
||||
{
|
||||
"id": "footer_right",
|
||||
"type": "text",
|
||||
"position": { "type": "flow" },
|
||||
"size": { "width": { "type": "auto" }, "height": { "type": "auto" } },
|
||||
"style": { "fontSize": 7, "color": "#94a3b8", "align": "right" },
|
||||
"content": "Version: ",
|
||||
"binding": { "path": "meta.version" }
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
]
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user