Commit 989b8755 authored by Paul Asmuth's avatar Paul Asmuth
Browse files

fixtures for UITest

parent 959c9166

src/ui/ui_test.cc

+89 −25
Original line number Diff line number Diff line
@@ -15,6 +15,7 @@ 
#include <fnordmetric/ui/pointchart.h>

#include <fnordmetric/ui/canvas.h>

#include <fnordmetric/ui/domain.h>

#include <fnordmetric/ui/svgtarget.h>

#include <fnordmetric/util/unittest.h>



using namespace fnordmetric;
@@ -22,6 +23,20 @@ using namespace fnordmetric::ui; 


UNIT_TEST(UITest);



static void compareChart(

    fnordmetric::ui::Canvas* chart,

    const std::string& file_name) {

  auto output_stream = fnordmetric::util::FileOutputStream::openFile(

      "build/tests/tmp/" + file_name);



  fnordmetric::ui::SVGTarget target(output_stream.get());

  chart->render(&target);



  EXPECT_FILES_EQ(

    "test/fixtures/" + file_name,

    "build/tests/tmp/" + file_name);

}



TEST_CASE(UITest, TestCanvasWithLeftAxis, [] () {

  Canvas canvas;
@@ -39,8 +54,9 @@ TEST_CASE(UITest, TestCanvasWithLeftAxis, [] () { 
  axis_left->addLabel(0.8, "4");

  axis_left->addLabel(1.0, "5");



  

  //printf("svg data: %s", svg.c_str());

  compareChart(

      &canvas,

      "UITest_TestCanvasWithLeftAxis_out.svg.html");

});



TEST_CASE(UITest, TestCanvasWithLeftAxisAndTitle, [] () {
@@ -61,8 +77,9 @@ TEST_CASE(UITest, TestCanvasWithLeftAxisAndTitle, [] () { 
  axis_left->addLabel(0.8, "4");

  axis_left->addLabel(1.0, "5");



  

  //printf("svg data: %s", svg.c_str());

  compareChart(

      &canvas,

      "UITest_TestCanvasWithLeftAxisAndTitle_out.svg.html");

});



TEST_CASE(UITest, TestCanvasWithLeftAndBottomAxis, [] () {
@@ -96,8 +113,9 @@ TEST_CASE(UITest, TestCanvasWithLeftAndBottomAxis, [] () { 
  axis_bottom->addLabel(0.6, "C");

  axis_bottom->addLabel(0.8, "D");



  

  //printf("svg data: %s", svg.c_str());

  compareChart(

      &canvas,

      "UITest_TestCanvasWithLeftAndBottomAxis_out.svg.html");

});



TEST_CASE(UITest, TestCanvasWithAllAxis, [] () {
@@ -159,8 +177,9 @@ TEST_CASE(UITest, TestCanvasWithAllAxis, [] () { 
  axis_top->addLabel(0.6, "C");

  axis_top->addLabel(0.8, "D");



  

  //printf("svg data: %s", svg.c_str());

  compareChart(

      &canvas,

      "UITest_TestCanvasWithAllAxis_out.svg.html");

});



TEST_CASE(UITest, TestCanvasWithAllMultiAxis, [] () {
@@ -290,8 +309,9 @@ TEST_CASE(UITest, TestCanvasWithAllMultiAxis, [] () { 
    axis_top->addLabel(0.8, "D");

  }



  

  //printf("svg data: %s", svg.c_str());

  compareChart(

      &canvas,

      "UITest_TestCanvasWithAllMultiAxis_out.svg.html");

});



TEST_CASE(UITest, TestCanvasWithMultiLeftAxis, [] () {
@@ -324,7 +344,9 @@ TEST_CASE(UITest, TestCanvasWithMultiLeftAxis, [] () { 
  axis2->addLabel(0.9, "D");

  axis2->addLabel(1.0, "E");



  //printf("svg data: %s", svg.c_str());

  compareChart(

      &canvas,

      "UITest_TestCanvasWithMultiLeftAxis_out.svg.html");

});



TEST_CASE(UITest, TestCanvasWithAxisFromNumericalDomain, [] () {
@@ -334,6 +356,9 @@ TEST_CASE(UITest, TestCanvasWithAxisFromNumericalDomain, [] () { 
  auto axis1 = canvas.addAxis(AxisDefinition::LEFT, &domain);

  axis1->setTitle("numerical domain");



  compareChart(

      &canvas,

      "UITest_TestCanvasWithAxisFromNumericalDomain_out.svg.html");

});
@@ -355,10 +380,14 @@ static fnordmetric::util::UnitTest::TestCase __test_simple_bar_chart_( 
  bar_chart->addAxis(AxisDefinition::RIGHT);

  bar_chart->addAxis(AxisDefinition::BOTTOM);

  bar_chart->addAxis(AxisDefinition::LEFT);



  compareChart(

      &canvas,

      "UITest_TestSimpleBarChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_mulitseries_bar_chart_(

    &UITest, "TestMulitSeriesBarChart", [] () {

    &UITest, "TestMultiSeriesBarChart", [] () {

  Series2D<std::string, double> series1("myseries1");

  series1.addDatum("A", 40);

  series1.addDatum("B", 35);
@@ -384,6 +413,9 @@ static fnordmetric::util::UnitTest::TestCase __test_mulitseries_bar_chart_( 
  bar_chart->addAxis(AxisDefinition::BOTTOM);

  bar_chart->addAxis(AxisDefinition::LEFT);



  compareChart(

      &canvas,

      "UITest_TestMultiSeriesBarChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_stacked_bar_chart_(
@@ -413,7 +445,9 @@ static fnordmetric::util::UnitTest::TestCase __test_stacked_bar_chart_( 
  bar_chart->addAxis(AxisDefinition::BOTTOM);

  bar_chart->addAxis(AxisDefinition::LEFT);



  

  compareChart(

      &canvas,

      "UITest_TestStackedBarChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_horizontal_bar_chart_(
@@ -434,7 +468,9 @@ static fnordmetric::util::UnitTest::TestCase __test_horizontal_bar_chart_( 
  bar_chart->addAxis(AxisDefinition::BOTTOM);

  bar_chart->addAxis(AxisDefinition::LEFT);



  

  compareChart(

      &canvas,

      "UITest_TestHorizontalBarChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_horizontal_mulit_bar_chart_(
@@ -464,7 +500,9 @@ static fnordmetric::util::UnitTest::TestCase __test_horizontal_mulit_bar_chart_( 
  bar_chart->addAxis(AxisDefinition::BOTTOM);

  bar_chart->addAxis(AxisDefinition::LEFT);



  

  compareChart(

      &canvas,

      "UITest_TestHorizontalMulitSeriesBarChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_horiz_stacked_bar_chart_(
@@ -494,7 +532,9 @@ static fnordmetric::util::UnitTest::TestCase __test_horiz_stacked_bar_chart_( 
  bar_chart->addAxis(AxisDefinition::BOTTOM);

  bar_chart->addAxis(AxisDefinition::LEFT);



  

  compareChart(

      &canvas,

      "UITest_TestHorizontalStackedBarChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_range_bar_chart_(
@@ -524,7 +564,9 @@ static fnordmetric::util::UnitTest::TestCase __test_range_bar_chart_( 
  bar_chart->addAxis(AxisDefinition::BOTTOM);

  bar_chart->addAxis(AxisDefinition::LEFT)->setTitle("myaxis");



  

  compareChart(

      &canvas,

      "UITest_TestRangeBarChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_horiz_range_bar_chart_(
@@ -554,6 +596,9 @@ static fnordmetric::util::UnitTest::TestCase __test_horiz_range_bar_chart_( 
  bar_chart->addAxis(AxisDefinition::BOTTOM)->setTitle("myaxis");

  bar_chart->addAxis(AxisDefinition::LEFT);



  compareChart(

      &canvas,

      "UITest_TestHorizontalRangeBarChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_simple_point_chart_(
@@ -583,7 +628,9 @@ static fnordmetric::util::UnitTest::TestCase __test_simple_point_chart_( 
  point_chart->addAxis(AxisDefinition::BOTTOM);

  point_chart->addAxis(AxisDefinition::LEFT);



  

  compareChart(

      &canvas,

      "UITest_TestSimplePointChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_variablesize_point_chart_(
@@ -613,7 +660,9 @@ static fnordmetric::util::UnitTest::TestCase __test_variablesize_point_chart_( 
  point_chart->addAxis(AxisDefinition::BOTTOM);

  point_chart->addAxis(AxisDefinition::LEFT);



  

  compareChart(

      &canvas,

      "UITest_TestVariableSizePointChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_simple_line_chart_(
@@ -646,7 +695,9 @@ static fnordmetric::util::UnitTest::TestCase __test_simple_line_chart_( 
  line_chart->addAxis(AxisDefinition::BOTTOM);

  line_chart->addAxis(AxisDefinition::LEFT);



  

  compareChart(

      &canvas,

      "UITest_TestSimpleLineChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_point_line_chart_(
@@ -678,7 +729,9 @@ static fnordmetric::util::UnitTest::TestCase __test_point_line_chart_( 
  line_chart->addAxis(AxisDefinition::BOTTOM);

  line_chart->addAxis(AxisDefinition::LEFT);



  

  compareChart(

      &canvas,

      "UITest_TestPointLineChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_multi_chart_(
@@ -741,7 +794,9 @@ static fnordmetric::util::UnitTest::TestCase __test_multi_chart_( 
  bar_chart->addAxis(AxisDefinition::RIGHT)->setTitle("x2");

  bar_chart->addAxis(AxisDefinition::BOTTOM)->setTitle("y2");



  

  compareChart(

      &canvas,

      "UITest_TestMultiChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_simple_area_chart_(
@@ -765,7 +820,9 @@ static fnordmetric::util::UnitTest::TestCase __test_simple_area_chart_( 
  aread_chart->addAxis(AxisDefinition::BOTTOM);

  aread_chart->addAxis(AxisDefinition::LEFT);



  

  compareChart(

      &canvas,

      "UITest_TestSimpleAreaChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_range_area_chart_(
@@ -789,7 +846,9 @@ static fnordmetric::util::UnitTest::TestCase __test_range_area_chart_( 
  area_chart->addAxis(AxisDefinition::BOTTOM);

  area_chart->addAxis(AxisDefinition::LEFT);



  

  compareChart(

      &canvas,

      "UITest_TestRangeAreaChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_multi_range_area_chart_(
@@ -822,7 +881,9 @@ static fnordmetric::util::UnitTest::TestCase __test_multi_range_area_chart_( 
  area_chart->addAxis(AxisDefinition::BOTTOM);

  area_chart->addAxis(AxisDefinition::LEFT);



  

  compareChart(

      &canvas,

      "UITest_TestMultiRangeAreaChart_out.svg.html");

});



static fnordmetric::util::UnitTest::TestCase __test_multi_range_area_line_(
@@ -867,4 +928,7 @@ static fnordmetric::util::UnitTest::TestCase __test_multi_range_area_line_( 
  auto line_chart = canvas.addChart<LineChart>(&x_domain, &y_domain);

  line_chart->addSeries(&series3, "solid", 2, "circle", 4);



  compareChart(

      &canvas,

      "UITest_TestMultiRangeAreaLineChart_out.svg.html");

});

test/fixtures/UITest_TestCanvasWithAllAxis_out.svg.html

0 → 100644
+174 −0
Original line number Diff line number Diff line 
<svg width='1024' height='500' class='chart bar horizontal'>

  <style type='text/css'>

  <![CDATA[

  .chart text {

    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

    font: 10pt sans-serif;

  }



  .axis .stroke {

    stroke: rgb(0,0,0);

    stroke-width: 1px;

  }



  .axis .tick {

    stroke: rgb(0,0,0);

    stroke-width: 1px;

  }



  .axis .label, .axis .title {

    fill: #000;

  }



  .axis .label {

    font-size: 9pt;

  }



  .axis .title {

    font-size: 11pt;

  }



  .chart .line {

    fill: none;

    stroke: #000;

  }



  .chart .area {

    opacity: 0.8;

  }



  .chart .bar,

  .chart .point,

  .chart .area {

    fill: #000;

  }



  .chart .bar.color6,

  .chart .point.color6,

  .chart .area.color6 {

    fill: #db843d;

  }



  .chart .lines .line.color6 {

    strok: #db843d;

  }



  .chart .bar.color5,

  .chart .point.color5,

  .chart .area.color5 {

    fill: #3d96ae;

  }



  .chart .lines .line.color5 {

    stroke: #3d96ae;

  }



  .chart .bar.color4,

  .chart .point.color4,

  .chart .area.color4 {

    fill: #80699b;

  }



  .chart .line.color4 {

    stroke: #80699b;

  }



  .chart .bar.color3,

  .chart .point.color3,

  .chart .area.color3 {

    fill: #89a54e;

  }



  .chart .line.color3 {

    stroke: #89a54e;

  }



  .chart .bar.color2,

  .chart .point.color2,

  .chart .area.color2 {

    fill: #aa4643;

  }



  .chart .line.color2 {

    stroke: #aa4643;

  }



  .chart .bar.color1,

  .chart .point.color1,

  .chart .area.color1 {

    fill: #4572a7;

  }



  .chart .line.color1 {

    stroke: #4572a7;

  }



  .chart.bar.vertical .axis.left .stroke,

  .chart.bar.vertical .axis.left .tick,

  .chart.bar.vertical .axis.right .stroke,

  .chart.bar.vertical .axis.right .tick {

    display: none;

  }

  ]]>

  </style>

  <g class='axis bottom'>

    <text x='512.000000' y='5.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='title' >my axis</text>

    <text x='249.800000' y='50.000000' style='text-anchor:middle; dominant-baseline:text-after-edge;' class='label' >A</text>

    <text x='424.600000' y='50.000000' style='text-anchor:middle; dominant-baseline:text-after-edge;' class='label' >B</text>

    <text x='599.400000' y='50.000000' style='text-anchor:middle; dominant-baseline:text-after-edge;' class='label' >C</text>

    <text x='774.200000' y='50.000000' style='text-anchor:middle; dominant-baseline:text-after-edge;' class='label' >D</text>

    <line x1='75.000000' y1='60.000000' x2='75.000000' y2='65.000000' class='tick' />

    <line x1='249.800000' y1='60.000000' x2='249.800000' y2='65.000000' class='tick' />

    <line x1='424.600000' y1='60.000000' x2='424.600000' y2='65.000000' class='tick' />

    <line x1='599.400000' y1='60.000000' x2='599.400000' y2='65.000000' class='tick' />

    <line x1='774.200000' y1='60.000000' x2='774.200000' y2='65.000000' class='tick' />

    <line x1='949.000000' y1='60.000000' x2='949.000000' y2='65.000000' class='tick' />

    <line x1='75.000000' y1='60.000000' x2='949.000000' y2='60.000000' class='stroke' />

  </g>

  <g class='axis right'>

    <text x='999.000000' y='250.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='title' transform='translate(0,0) rotate(270.000000 999.000000 250.000000)'>my axis</text>

    <text x='959.000000' y='440.000000' style='text-anchor:start; dominant-baseline:middle;' class='label' >0</text>

    <text x='959.000000' y='364.000000' style='text-anchor:start; dominant-baseline:middle;' class='label' >1</text>

    <text x='959.000000' y='288.000000' style='text-anchor:start; dominant-baseline:middle;' class='label' >2</text>

    <text x='959.000000' y='212.000000' style='text-anchor:start; dominant-baseline:middle;' class='label' >3</text>

    <text x='959.000000' y='136.000000' style='text-anchor:start; dominant-baseline:middle;' class='label' >4</text>

    <text x='959.000000' y='60.000000' style='text-anchor:start; dominant-baseline:middle;' class='label' >5</text>

    <line x1='949.000000' y1='440.000000' x2='944.000000' y2='440.000000' class='tick' />

    <line x1='949.000000' y1='364.000000' x2='944.000000' y2='364.000000' class='tick' />

    <line x1='949.000000' y1='288.000000' x2='944.000000' y2='288.000000' class='tick' />

    <line x1='949.000000' y1='212.000000' x2='944.000000' y2='212.000000' class='tick' />

    <line x1='949.000000' y1='136.000000' x2='944.000000' y2='136.000000' class='tick' />

    <line x1='949.000000' y1='60.000000' x2='944.000000' y2='60.000000' class='tick' />

    <line x1='949.000000' y1='60.000000' x2='949.000000' y2='440.000000' class='stroke' />

  </g>

  <g class='axis bottom'>

    <text x='512.000000' y='495.000000' style='text-anchor:middle; dominant-baseline:no-change;' class='title' >my axis</text>

    <text x='249.800000' y='450.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >A</text>

    <text x='424.600000' y='450.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >B</text>

    <text x='599.400000' y='450.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >C</text>

    <text x='774.200000' y='450.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >D</text>

    <line x1='75.000000' y1='440.000000' x2='75.000000' y2='435.000000' class='tick' />

    <line x1='249.800000' y1='440.000000' x2='249.800000' y2='435.000000' class='tick' />

    <line x1='424.600000' y1='440.000000' x2='424.600000' y2='435.000000' class='tick' />

    <line x1='599.400000' y1='440.000000' x2='599.400000' y2='435.000000' class='tick' />

    <line x1='774.200000' y1='440.000000' x2='774.200000' y2='435.000000' class='tick' />

    <line x1='949.000000' y1='440.000000' x2='949.000000' y2='435.000000' class='tick' />

    <line x1='75.000000' y1='440.000000' x2='949.000000' y2='440.000000' class='stroke' />

  </g>

  <g class='axis left'>

    <text x='5.000000' y='250.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='title' transform='translate(0,0) rotate(270.000000 5.000000 250.000000)'>my axis</text>

    <text x='65.000000' y='440.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >0</text>

    <text x='65.000000' y='364.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >1</text>

    <text x='65.000000' y='288.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >2</text>

    <text x='65.000000' y='212.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >3</text>

    <text x='65.000000' y='136.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >4</text>

    <text x='65.000000' y='60.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >5</text>

    <line x1='75.000000' y1='440.000000' x2='80.000000' y2='440.000000' class='tick' />

    <line x1='75.000000' y1='364.000000' x2='80.000000' y2='364.000000' class='tick' />

    <line x1='75.000000' y1='288.000000' x2='80.000000' y2='288.000000' class='tick' />

    <line x1='75.000000' y1='212.000000' x2='80.000000' y2='212.000000' class='tick' />

    <line x1='75.000000' y1='136.000000' x2='80.000000' y2='136.000000' class='tick' />

    <line x1='75.000000' y1='60.000000' x2='80.000000' y2='60.000000' class='tick' />

    <line x1='75.000000' y1='60.000000' x2='75.000000' y2='440.000000' class='stroke' />

  </g>

</svg>

test/fixtures/UITest_TestCanvasWithAllMultiAxis_out.svg.html

0 → 100644
+230 −0

File added.

Preview size limit exceeded, changes collapsed.

test/fixtures/UITest_TestCanvasWithAxisFromNumericalDomain_out.svg.html

0 → 100644
+130 −0
Original line number Diff line number Diff line 
<svg width='1024' height='500' class='chart bar horizontal'>

  <style type='text/css'>

  <![CDATA[

  .chart text {

    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

    font: 10pt sans-serif;

  }



  .axis .stroke {

    stroke: rgb(0,0,0);

    stroke-width: 1px;

  }



  .axis .tick {

    stroke: rgb(0,0,0);

    stroke-width: 1px;

  }



  .axis .label, .axis .title {

    fill: #000;

  }



  .axis .label {

    font-size: 9pt;

  }



  .axis .title {

    font-size: 11pt;

  }



  .chart .line {

    fill: none;

    stroke: #000;

  }



  .chart .area {

    opacity: 0.8;

  }



  .chart .bar,

  .chart .point,

  .chart .area {

    fill: #000;

  }



  .chart .bar.color6,

  .chart .point.color6,

  .chart .area.color6 {

    fill: #db843d;

  }



  .chart .lines .line.color6 {

    strok: #db843d;

  }



  .chart .bar.color5,

  .chart .point.color5,

  .chart .area.color5 {

    fill: #3d96ae;

  }



  .chart .lines .line.color5 {

    stroke: #3d96ae;

  }



  .chart .bar.color4,

  .chart .point.color4,

  .chart .area.color4 {

    fill: #80699b;

  }



  .chart .line.color4 {

    stroke: #80699b;

  }



  .chart .bar.color3,

  .chart .point.color3,

  .chart .area.color3 {

    fill: #89a54e;

  }



  .chart .line.color3 {

    stroke: #89a54e;

  }



  .chart .bar.color2,

  .chart .point.color2,

  .chart .area.color2 {

    fill: #aa4643;

  }



  .chart .line.color2 {

    stroke: #aa4643;

  }



  .chart .bar.color1,

  .chart .point.color1,

  .chart .area.color1 {

    fill: #4572a7;

  }



  .chart .line.color1 {

    stroke: #4572a7;

  }



  .chart.bar.vertical .axis.left .stroke,

  .chart.bar.vertical .axis.left .tick,

  .chart.bar.vertical .axis.right .stroke,

  .chart.bar.vertical .axis.right .tick {

    display: none;

  }

  ]]>

  </style>

  <g class='axis left'>

    <text x='5.000000' y='250.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='title' transform='translate(0,0) rotate(270.000000 5.000000 250.000000)'>numerical domain</text>

    <text x='65.000000' y='483.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >0</text>

    <text x='65.000000' y='389.800000' style='text-anchor:end; dominant-baseline:middle;' class='label' >20</text>

    <text x='65.000000' y='296.600000' style='text-anchor:end; dominant-baseline:middle;' class='label' >40</text>

    <text x='65.000000' y='203.400000' style='text-anchor:end; dominant-baseline:middle;' class='label' >60</text>

    <text x='65.000000' y='110.200000' style='text-anchor:end; dominant-baseline:middle;' class='label' >80</text>

    <text x='65.000000' y='17.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >100</text>

    <line x1='75.000000' y1='483.000000' x2='80.000000' y2='483.000000' class='tick' />

    <line x1='75.000000' y1='389.800000' x2='80.000000' y2='389.800000' class='tick' />

    <line x1='75.000000' y1='296.600000' x2='80.000000' y2='296.600000' class='tick' />

    <line x1='75.000000' y1='203.400000' x2='80.000000' y2='203.400000' class='tick' />

    <line x1='75.000000' y1='110.200000' x2='80.000000' y2='110.200000' class='tick' />

    <line x1='75.000000' y1='17.000000' x2='80.000000' y2='17.000000' class='tick' />

    <line x1='75.000000' y1='17.000000' x2='75.000000' y2='483.000000' class='stroke' />

  </g>

</svg>

test/fixtures/UITest_TestCanvasWithLeftAndBottomAxis_out.svg.html

0 → 100644
+144 −0
Original line number Diff line number Diff line 
<svg width='1024' height='500' class='chart bar horizontal'>

  <style type='text/css'>

  <![CDATA[

  .chart text {

    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

    font: 10pt sans-serif;

  }



  .axis .stroke {

    stroke: rgb(0,0,0);

    stroke-width: 1px;

  }



  .axis .tick {

    stroke: rgb(0,0,0);

    stroke-width: 1px;

  }



  .axis .label, .axis .title {

    fill: #000;

  }



  .axis .label {

    font-size: 9pt;

  }



  .axis .title {

    font-size: 11pt;

  }



  .chart .line {

    fill: none;

    stroke: #000;

  }



  .chart .area {

    opacity: 0.8;

  }



  .chart .bar,

  .chart .point,

  .chart .area {

    fill: #000;

  }



  .chart .bar.color6,

  .chart .point.color6,

  .chart .area.color6 {

    fill: #db843d;

  }



  .chart .lines .line.color6 {

    strok: #db843d;

  }



  .chart .bar.color5,

  .chart .point.color5,

  .chart .area.color5 {

    fill: #3d96ae;

  }



  .chart .lines .line.color5 {

    stroke: #3d96ae;

  }



  .chart .bar.color4,

  .chart .point.color4,

  .chart .area.color4 {

    fill: #80699b;

  }



  .chart .line.color4 {

    stroke: #80699b;

  }



  .chart .bar.color3,

  .chart .point.color3,

  .chart .area.color3 {

    fill: #89a54e;

  }



  .chart .line.color3 {

    stroke: #89a54e;

  }



  .chart .bar.color2,

  .chart .point.color2,

  .chart .area.color2 {

    fill: #aa4643;

  }



  .chart .line.color2 {

    stroke: #aa4643;

  }



  .chart .bar.color1,

  .chart .point.color1,

  .chart .area.color1 {

    fill: #4572a7;

  }



  .chart .line.color1 {

    stroke: #4572a7;

  }



  .chart.bar.vertical .axis.left .stroke,

  .chart.bar.vertical .axis.left .tick,

  .chart.bar.vertical .axis.right .stroke,

  .chart.bar.vertical .axis.right .tick {

    display: none;

  }

  ]]>

  </style>

  <g class='axis bottom'>

    <text x='537.000000' y='495.000000' style='text-anchor:middle; dominant-baseline:no-change;' class='title' >my axis</text>

    <text x='259.800000' y='450.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >A</text>

    <text x='444.600000' y='450.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >B</text>

    <text x='629.400000' y='450.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >C</text>

    <text x='814.200000' y='450.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >D</text>

    <line x1='75.000000' y1='440.000000' x2='75.000000' y2='435.000000' class='tick' />

    <line x1='259.800000' y1='440.000000' x2='259.800000' y2='435.000000' class='tick' />

    <line x1='444.600000' y1='440.000000' x2='444.600000' y2='435.000000' class='tick' />

    <line x1='629.400000' y1='440.000000' x2='629.400000' y2='435.000000' class='tick' />

    <line x1='814.200000' y1='440.000000' x2='814.200000' y2='435.000000' class='tick' />

    <line x1='999.000000' y1='440.000000' x2='999.000000' y2='435.000000' class='tick' />

    <line x1='75.000000' y1='440.000000' x2='999.000000' y2='440.000000' class='stroke' />

  </g>

  <g class='axis left'>

    <text x='5.000000' y='228.500000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='title' transform='translate(0,0) rotate(270.000000 5.000000 228.500000)'>my axis</text>

    <text x='65.000000' y='440.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >0</text>

    <text x='65.000000' y='355.400000' style='text-anchor:end; dominant-baseline:middle;' class='label' >1</text>

    <text x='65.000000' y='270.800000' style='text-anchor:end; dominant-baseline:middle;' class='label' >2</text>

    <text x='65.000000' y='186.200000' style='text-anchor:end; dominant-baseline:middle;' class='label' >3</text>

    <text x='65.000000' y='101.600000' style='text-anchor:end; dominant-baseline:middle;' class='label' >4</text>

    <text x='65.000000' y='17.000000' style='text-anchor:end; dominant-baseline:middle;' class='label' >5</text>

    <line x1='75.000000' y1='440.000000' x2='80.000000' y2='440.000000' class='tick' />

    <line x1='75.000000' y1='355.400000' x2='80.000000' y2='355.400000' class='tick' />

    <line x1='75.000000' y1='270.800000' x2='80.000000' y2='270.800000' class='tick' />

    <line x1='75.000000' y1='186.200000' x2='80.000000' y2='186.200000' class='tick' />

    <line x1='75.000000' y1='101.600000' x2='80.000000' y2='101.600000' class='tick' />

    <line x1='75.000000' y1='17.000000' x2='80.000000' y2='17.000000' class='tick' />

    <line x1='75.000000' y1='17.000000' x2='75.000000' y2='440.000000' class='stroke' />

  </g>

</svg>

CRA Git | Maintained and supported by SUSTech CRA and CCSE