source.dussan.org Git - sonarqube.git/blob

   1 // Jest Snapshot v1, https://goo.gl/fbAQLP
   2
   3 exports[`should render correctly 1`] = `
   4 <svg
   5   className="line-chart"
   6   height={100}
   7   width={100}
   8 >
   9   <g
  10     transform="translate(60, 26)"
  11   >
  12     <g>
  13       <g
  14         key="0"
  15       >
  16         <line
  17           className="line-chart-grid"
  18           x1={0}
  19           x2={30}
  20           y1={24}
  21           y2={24}
  22         />
  23       </g>
  24       <g
  25         key="0.2"
  26       >
  27         <line
  28           className="line-chart-grid"
  29           x1={0}
  30           x2={30}
  31           y1={22.4}
  32           y2={22.4}
  33         />
  34       </g>
  35       <g
  36         key="0.4"
  37       >
  38         <line
  39           className="line-chart-grid"
  40           x1={0}
  41           x2={30}
  42           y1={20.8}
  43           y2={20.8}
  44         />
  45       </g>
  46       <g
  47         key="0.6"
  48       >
  49         <line
  50           className="line-chart-grid"
  51           x1={0}
  52           x2={30}
  53           y1={19.200000000000003}
  54           y2={19.200000000000003}
  55         />
  56       </g>
  57       <g
  58         key="0.8"
  59       >
  60         <line
  61           className="line-chart-grid"
  62           x1={0}
  63           x2={30}
  64           y1={17.6}
  65           y2={17.6}
  66         />
  67       </g>
  68       <g
  69         key="1"
  70       >
  71         <line
  72           className="line-chart-grid"
  73           x1={0}
  74           x2={30}
  75           y1={16}
  76           y2={16}
  77         />
  78       </g>
  79       <g
  80         key="1.2"
  81       >
  82         <line
  83           className="line-chart-grid"
  84           x1={0}
  85           x2={30}
  86           y1={14.400000000000002}
  87           y2={14.400000000000002}
  88         />
  89       </g>
  90       <g
  91         key="1.4"
  92       >
  93         <line
  94           className="line-chart-grid"
  95           x1={0}
  96           x2={30}
  97           y1={12.800000000000002}
  98           y2={12.800000000000002}
  99         />
 100       </g>
 101       <g
 102         key="1.6"
 103       >
 104         <line
 105           className="line-chart-grid"
 106           x1={0}
 107           x2={30}
 108           y1={11.2}
 109           y2={11.2}
 110         />
 111       </g>
 112       <g
 113         key="1.8"
 114       >
 115         <line
 116           className="line-chart-grid"
 117           x1={0}
 118           x2={30}
 119           y1={9.600000000000001}
 120           y2={9.600000000000001}
 121         />
 122       </g>
 123       <g
 124         key="2"
 125       >
 126         <line
 127           className="line-chart-grid"
 128           x1={0}
 129           x2={30}
 130           y1={8}
 131           y2={8}
 132         />
 133       </g>
 134       <g
 135         key="2.2"
 136       >
 137         <line
 138           className="line-chart-grid"
 139           x1={0}
 140           x2={30}
 141           y1={6.399999999999999}
 142           y2={6.399999999999999}
 143         />
 144       </g>
 145       <g
 146         key="2.4"
 147       >
 148         <line
 149           className="line-chart-grid"
 150           x1={0}
 151           x2={30}
 152           y1={4.800000000000002}
 153           y2={4.800000000000002}
 154         />
 155       </g>
 156       <g
 157         key="2.6"
 158       >
 159         <line
 160           className="line-chart-grid"
 161           x1={0}
 162           x2={30}
 163           y1={3.1999999999999993}
 164           y2={3.1999999999999993}
 165         />
 166       </g>
 167       <g
 168         key="2.8"
 169       >
 170         <line
 171           className="line-chart-grid"
 172           x1={0}
 173           x2={30}
 174           y1={1.6000000000000023}
 175           y2={1.6000000000000023}
 176         />
 177       </g>
 178       <g
 179         key="3"
 180       >
 181         <line
 182           className="line-chart-grid"
 183           x1={0}
 184           x2={30}
 185           y1={0}
 186           y2={0}
 187         />
 188       </g>
 189     </g>
 190     <g
 191       transform="translate(0, 20)"
 192     >
 193       <text
 194         className="line-chart-tick"
 195         key="0"
 196         textAnchor="end"
 197         transform="rotate(-35, 1.875, 24)"
 198         x={1.875}
 199         y={24}
 200       >
 201         October
 202       </text>
 203       <text
 204         className="line-chart-tick"
 205         key="1"
 206         textAnchor="end"
 207         transform="rotate(-35, 5.625, 24)"
 208         x={5.625}
 209         y={24}
 210       >
 211         06 AM
 212       </text>
 213       <text
 214         className="line-chart-tick"
 215         key="2"
 216         textAnchor="end"
 217         transform="rotate(-35, 9.375, 24)"
 218         x={9.375}
 219         y={24}
 220       >
 221         12 PM
 222       </text>
 223       <text
 224         className="line-chart-tick"
 225         key="3"
 226         textAnchor="end"
 227         transform="rotate(-35, 13.125, 24)"
 228         x={13.125}
 229         y={24}
 230       >
 231         06 PM
 232       </text>
 233       <text
 234         className="line-chart-tick"
 235         key="4"
 236         textAnchor="end"
 237         transform="rotate(-35, 16.875, 24)"
 238         x={16.875}
 239         y={24}
 240       >
 241         Wed 02
 242       </text>
 243       <text
 244         className="line-chart-tick"
 245         key="5"
 246         textAnchor="end"
 247         transform="rotate(-35, 20.625, 24)"
 248         x={20.625}
 249         y={24}
 250       >
 251         06 AM
 252       </text>
 253       <text
 254         className="line-chart-tick"
 255         key="6"
 256         textAnchor="end"
 257         transform="rotate(-35, 24.375, 24)"
 258         x={24.375}
 259         y={24}
 260       >
 261         12 PM
 262       </text>
 263       <text
 264         className="line-chart-tick"
 265         key="7"
 266         textAnchor="end"
 267         transform="rotate(-35, 28.125, 24)"
 268         x={28.125}
 269         y={24}
 270       >
 271         06 PM
 272       </text>
 273     </g>
 274     <g>
 275       <path
 276         className="line-chart-path line-chart-path-0"
 277         d="M0,16L15,8"
 278         key="test-1"
 279       />
 280       <path
 281         className="line-chart-path line-chart-path-1"
 282         d="M30,0Z"
 283         key="test-2"
 284       />
 285     </g>
 286     <g>
 287       <circle
 288         className="line-chart-dot line-chart-dot-1"
 289         cx={30}
 290         cy={0}
 291         key="test-20"
 292         r="2"
 293       />
 294     </g>
 295     <rect
 296       className="chart-mouse-events-overlay"
 297       height={24}
 298       width={30}
 299     />
 300   </g>
 301 </svg>
 302 `;
 303
 304 exports[`should render correctly: Zoom enabled 1`] = `
 305 <svg
 306   className="line-chart"
 307   height={100}
 308   width={100}
 309 >
 310   <defs>
 311     <clipPath
 312       id="chart-clip"
 313     >
 314       <rect
 315         height={34}
 316         transform="translate(0,-5)"
 317         width={30}
 318       />
 319     </clipPath>
 320   </defs>
 321   <g
 322     transform="translate(60, 26)"
 323   >
 324     <g>
 325       <g
 326         key="0"
 327       >
 328         <line
 329           className="line-chart-grid"
 330           x1={0}
 331           x2={30}
 332           y1={24}
 333           y2={24}
 334         />
 335       </g>
 336       <g
 337         key="0.2"
 338       >
 339         <line
 340           className="line-chart-grid"
 341           x1={0}
 342           x2={30}
 343           y1={22.4}
 344           y2={22.4}
 345         />
 346       </g>
 347       <g
 348         key="0.4"
 349       >
 350         <line
 351           className="line-chart-grid"
 352           x1={0}
 353           x2={30}
 354           y1={20.8}
 355           y2={20.8}
 356         />
 357       </g>
 358       <g
 359         key="0.6"
 360       >
 361         <line
 362           className="line-chart-grid"
 363           x1={0}
 364           x2={30}
 365           y1={19.200000000000003}
 366           y2={19.200000000000003}
 367         />
 368       </g>
 369       <g
 370         key="0.8"
 371       >
 372         <line
 373           className="line-chart-grid"
 374           x1={0}
 375           x2={30}
 376           y1={17.6}
 377           y2={17.6}
 378         />
 379       </g>
 380       <g
 381         key="1"
 382       >
 383         <line
 384           className="line-chart-grid"
 385           x1={0}
 386           x2={30}
 387           y1={16}
 388           y2={16}
 389         />
 390       </g>
 391       <g
 392         key="1.2"
 393       >
 394         <line
 395           className="line-chart-grid"
 396           x1={0}
 397           x2={30}
 398           y1={14.400000000000002}
 399           y2={14.400000000000002}
 400         />
 401       </g>
 402       <g
 403         key="1.4"
 404       >
 405         <line
 406           className="line-chart-grid"
 407           x1={0}
 408           x2={30}
 409           y1={12.800000000000002}
 410           y2={12.800000000000002}
 411         />
 412       </g>
 413       <g
 414         key="1.6"
 415       >
 416         <line
 417           className="line-chart-grid"
 418           x1={0}
 419           x2={30}
 420           y1={11.2}
 421           y2={11.2}
 422         />
 423       </g>
 424       <g
 425         key="1.8"
 426       >
 427         <line
 428           className="line-chart-grid"
 429           x1={0}
 430           x2={30}
 431           y1={9.600000000000001}
 432           y2={9.600000000000001}
 433         />
 434       </g>
 435       <g
 436         key="2"
 437       >
 438         <line
 439           className="line-chart-grid"
 440           x1={0}
 441           x2={30}
 442           y1={8}
 443           y2={8}
 444         />
 445       </g>
 446       <g
 447         key="2.2"
 448       >
 449         <line
 450           className="line-chart-grid"
 451           x1={0}
 452           x2={30}
 453           y1={6.399999999999999}
 454           y2={6.399999999999999}
 455         />
 456       </g>
 457       <g
 458         key="2.4"
 459       >
 460         <line
 461           className="line-chart-grid"
 462           x1={0}
 463           x2={30}
 464           y1={4.800000000000002}
 465           y2={4.800000000000002}
 466         />
 467       </g>
 468       <g
 469         key="2.6"
 470       >
 471         <line
 472           className="line-chart-grid"
 473           x1={0}
 474           x2={30}
 475           y1={3.1999999999999993}
 476           y2={3.1999999999999993}
 477         />
 478       </g>
 479       <g
 480         key="2.8"
 481       >
 482         <line
 483           className="line-chart-grid"
 484           x1={0}
 485           x2={30}
 486           y1={1.6000000000000023}
 487           y2={1.6000000000000023}
 488         />
 489       </g>
 490       <g
 491         key="3"
 492       >
 493         <line
 494           className="line-chart-grid"
 495           x1={0}
 496           x2={30}
 497           y1={0}
 498           y2={0}
 499         />
 500       </g>
 501     </g>
 502     <g
 503       transform="translate(0, 20)"
 504     >
 505       <text
 506         className="line-chart-tick"
 507         key="0"
 508         textAnchor="end"
 509         transform="rotate(-35, 1.875, 24)"
 510         x={1.875}
 511         y={24}
 512       >
 513         October
 514       </text>
 515       <text
 516         className="line-chart-tick"
 517         key="1"
 518         textAnchor="end"
 519         transform="rotate(-35, 5.625, 24)"
 520         x={5.625}
 521         y={24}
 522       >
 523         06 AM
 524       </text>
 525       <text
 526         className="line-chart-tick"
 527         key="2"
 528         textAnchor="end"
 529         transform="rotate(-35, 9.375, 24)"
 530         x={9.375}
 531         y={24}
 532       >
 533         12 PM
 534       </text>
 535       <text
 536         className="line-chart-tick"
 537         key="3"
 538         textAnchor="end"
 539         transform="rotate(-35, 13.125, 24)"
 540         x={13.125}
 541         y={24}
 542       >
 543         06 PM
 544       </text>
 545       <text
 546         className="line-chart-tick"
 547         key="4"
 548         textAnchor="end"
 549         transform="rotate(-35, 16.875, 24)"
 550         x={16.875}
 551         y={24}
 552       >
 553         Wed 02
 554       </text>
 555       <text
 556         className="line-chart-tick"
 557         key="5"
 558         textAnchor="end"
 559         transform="rotate(-35, 20.625, 24)"
 560         x={20.625}
 561         y={24}
 562       >
 563         06 AM
 564       </text>
 565       <text
 566         className="line-chart-tick"
 567         key="6"
 568         textAnchor="end"
 569         transform="rotate(-35, 24.375, 24)"
 570         x={24.375}
 571         y={24}
 572       >
 573         12 PM
 574       </text>
 575       <text
 576         className="line-chart-tick"
 577         key="7"
 578         textAnchor="end"
 579         transform="rotate(-35, 28.125, 24)"
 580         x={28.125}
 581         y={24}
 582       >
 583         06 PM
 584       </text>
 585     </g>
 586     <g>
 587       <path
 588         className="line-chart-path line-chart-path-0"
 589         d="M0,16L15,8"
 590         key="test-1"
 591       />
 592       <path
 593         className="line-chart-path line-chart-path-1"
 594         d="M30,0Z"
 595         key="test-2"
 596       />
 597     </g>
 598     <g>
 599       <circle
 600         className="line-chart-dot line-chart-dot-1"
 601         cx={30}
 602         cy={0}
 603         key="test-20"
 604         r="2"
 605       />
 606     </g>
 607     <rect
 608       className="chart-mouse-events-overlay"
 609       height={24}
 610       onWheel={[Function]}
 611       width={30}
 612     />
 613   </g>
 614 </svg>
 615 `;
 616
 617 exports[`should render correctly: format y tick 1`] = `
 618 <svg
 619   className="line-chart"
 620   height={100}
 621   width={100}
 622 >
 623   <g
 624     transform="translate(60, 26)"
 625   >
 626     <g>
 627       <g
 628         key="0"
 629       >
 630         <text
 631           className="line-chart-tick line-chart-tick-x"
 632           dx="-1em"
 633           dy="0.3em"
 634           textAnchor="end"
 635           x={0}
 636           y={24}
 637         >
 638           Nicer tick 0
 639         </text>
 640         <line
 641           className="line-chart-grid"
 642           x1={0}
 643           x2={30}
 644           y1={24}
 645           y2={24}
 646         />
 647       </g>
 648       <g
 649         key="0.2"
 650       >
 651         <text
 652           className="line-chart-tick line-chart-tick-x"
 653           dx="-1em"
 654           dy="0.3em"
 655           textAnchor="end"
 656           x={0}
 657           y={22.4}
 658         >
 659           Nicer tick 0.2
 660         </text>
 661         <line
 662           className="line-chart-grid"
 663           x1={0}
 664           x2={30}
 665           y1={22.4}
 666           y2={22.4}
 667         />
 668       </g>
 669       <g
 670         key="0.4"
 671       >
 672         <text
 673           className="line-chart-tick line-chart-tick-x"
 674           dx="-1em"
 675           dy="0.3em"
 676           textAnchor="end"
 677           x={0}
 678           y={20.8}
 679         >
 680           Nicer tick 0.4
 681         </text>
 682         <line
 683           className="line-chart-grid"
 684           x1={0}
 685           x2={30}
 686           y1={20.8}
 687           y2={20.8}
 688         />
 689       </g>
 690       <g
 691         key="0.6"
 692       >
 693         <text
 694           className="line-chart-tick line-chart-tick-x"
 695           dx="-1em"
 696           dy="0.3em"
 697           textAnchor="end"
 698           x={0}
 699           y={19.200000000000003}
 700         >
 701           Nicer tick 0.6
 702         </text>
 703         <line
 704           className="line-chart-grid"
 705           x1={0}
 706           x2={30}
 707           y1={19.200000000000003}
 708           y2={19.200000000000003}
 709         />
 710       </g>
 711       <g
 712         key="0.8"
 713       >
 714         <text
 715           className="line-chart-tick line-chart-tick-x"
 716           dx="-1em"
 717           dy="0.3em"
 718           textAnchor="end"
 719           x={0}
 720           y={17.6}
 721         >
 722           Nicer tick 0.8
 723         </text>
 724         <line
 725           className="line-chart-grid"
 726           x1={0}
 727           x2={30}
 728           y1={17.6}
 729           y2={17.6}
 730         />
 731       </g>
 732       <g
 733         key="1"
 734       >
 735         <text
 736           className="line-chart-tick line-chart-tick-x"
 737           dx="-1em"
 738           dy="0.3em"
 739           textAnchor="end"
 740           x={0}
 741           y={16}
 742         >
 743           Nicer tick 1
 744         </text>
 745         <line
 746           className="line-chart-grid"
 747           x1={0}
 748           x2={30}
 749           y1={16}
 750           y2={16}
 751         />
 752       </g>
 753       <g
 754         key="1.2"
 755       >
 756         <text
 757           className="line-chart-tick line-chart-tick-x"
 758           dx="-1em"
 759           dy="0.3em"
 760           textAnchor="end"
 761           x={0}
 762           y={14.400000000000002}
 763         >
 764           Nicer tick 1.2
 765         </text>
 766         <line
 767           className="line-chart-grid"
 768           x1={0}
 769           x2={30}
 770           y1={14.400000000000002}
 771           y2={14.400000000000002}
 772         />
 773       </g>
 774       <g
 775         key="1.4"
 776       >
 777         <text
 778           className="line-chart-tick line-chart-tick-x"
 779           dx="-1em"
 780           dy="0.3em"
 781           textAnchor="end"
 782           x={0}
 783           y={12.800000000000002}
 784         >
 785           Nicer tick 1.4
 786         </text>
 787         <line
 788           className="line-chart-grid"
 789           x1={0}
 790           x2={30}
 791           y1={12.800000000000002}
 792           y2={12.800000000000002}
 793         />
 794       </g>
 795       <g
 796         key="1.6"
 797       >
 798         <text
 799           className="line-chart-tick line-chart-tick-x"
 800           dx="-1em"
 801           dy="0.3em"
 802           textAnchor="end"
 803           x={0}
 804           y={11.2}
 805         >
 806           Nicer tick 1.6
 807         </text>
 808         <line
 809           className="line-chart-grid"
 810           x1={0}
 811           x2={30}
 812           y1={11.2}
 813           y2={11.2}
 814         />
 815       </g>
 816       <g
 817         key="1.8"
 818       >
 819         <text
 820           className="line-chart-tick line-chart-tick-x"
 821           dx="-1em"
 822           dy="0.3em"
 823           textAnchor="end"
 824           x={0}
 825           y={9.600000000000001}
 826         >
 827           Nicer tick 1.8
 828         </text>
 829         <line
 830           className="line-chart-grid"
 831           x1={0}
 832           x2={30}
 833           y1={9.600000000000001}
 834           y2={9.600000000000001}
 835         />
 836       </g>
 837       <g
 838         key="2"
 839       >
 840         <text
 841           className="line-chart-tick line-chart-tick-x"
 842           dx="-1em"
 843           dy="0.3em"
 844           textAnchor="end"
 845           x={0}
 846           y={8}
 847         >
 848           Nicer tick 2
 849         </text>
 850         <line
 851           className="line-chart-grid"
 852           x1={0}
 853           x2={30}
 854           y1={8}
 855           y2={8}
 856         />
 857       </g>
 858       <g
 859         key="2.2"
 860       >
 861         <text
 862           className="line-chart-tick line-chart-tick-x"
 863           dx="-1em"
 864           dy="0.3em"
 865           textAnchor="end"
 866           x={0}
 867           y={6.399999999999999}
 868         >
 869           Nicer tick 2.2
 870         </text>
 871         <line
 872           className="line-chart-grid"
 873           x1={0}
 874           x2={30}
 875           y1={6.399999999999999}
 876           y2={6.399999999999999}
 877         />
 878       </g>
 879       <g
 880         key="2.4"
 881       >
 882         <text
 883           className="line-chart-tick line-chart-tick-x"
 884           dx="-1em"
 885           dy="0.3em"
 886           textAnchor="end"
 887           x={0}
 888           y={4.800000000000002}
 889         >
 890           Nicer tick 2.4
 891         </text>
 892         <line
 893           className="line-chart-grid"
 894           x1={0}
 895           x2={30}
 896           y1={4.800000000000002}
 897           y2={4.800000000000002}
 898         />
 899       </g>
 900       <g
 901         key="2.6"
 902       >
 903         <text
 904           className="line-chart-tick line-chart-tick-x"
 905           dx="-1em"
 906           dy="0.3em"
 907           textAnchor="end"
 908           x={0}
 909           y={3.1999999999999993}
 910         >
 911           Nicer tick 2.6
 912         </text>
 913         <line
 914           className="line-chart-grid"
 915           x1={0}
 916           x2={30}
 917           y1={3.1999999999999993}
 918           y2={3.1999999999999993}
 919         />
 920       </g>
 921       <g
 922         key="2.8"
 923       >
 924         <text
 925           className="line-chart-tick line-chart-tick-x"
 926           dx="-1em"
 927           dy="0.3em"
 928           textAnchor="end"
 929           x={0}
 930           y={1.6000000000000023}
 931         >
 932           Nicer tick 2.8
 933         </text>
 934         <line
 935           className="line-chart-grid"
 936           x1={0}
 937           x2={30}
 938           y1={1.6000000000000023}
 939           y2={1.6000000000000023}
 940         />
 941       </g>
 942       <g
 943         key="3"
 944       >
 945         <text
 946           className="line-chart-tick line-chart-tick-x"
 947           dx="-1em"
 948           dy="0.3em"
 949           textAnchor="end"
 950           x={0}
 951           y={0}
 952         >
 953           Nicer tick 3
 954         </text>
 955         <line
 956           className="line-chart-grid"
 957           x1={0}
 958           x2={30}
 959           y1={0}
 960           y2={0}
 961         />
 962       </g>
 963     </g>
 964     <g
 965       transform="translate(0, 20)"
 966     >
 967       <text
 968         className="line-chart-tick"
 969         key="0"
 970         textAnchor="end"
 971         transform="rotate(-35, 1.875, 24)"
 972         x={1.875}
 973         y={24}
 974       >
 975         October
 976       </text>
 977       <text
 978         className="line-chart-tick"
 979         key="1"
 980         textAnchor="end"
 981         transform="rotate(-35, 5.625, 24)"
 982         x={5.625}
 983         y={24}
 984       >
 985         06 AM
 986       </text>
 987       <text
 988         className="line-chart-tick"
 989         key="2"
 990         textAnchor="end"
 991         transform="rotate(-35, 9.375, 24)"
 992         x={9.375}
 993         y={24}
 994       >
 995         12 PM
 996       </text>
 997       <text
 998         className="line-chart-tick"
 999         key="3"
1000         textAnchor="end"
1001         transform="rotate(-35, 13.125, 24)"
1002         x={13.125}
1003         y={24}
1004       >
1005         06 PM
1006       </text>
1007       <text
1008         className="line-chart-tick"
1009         key="4"
1010         textAnchor="end"
1011         transform="rotate(-35, 16.875, 24)"
1012         x={16.875}
1013         y={24}
1014       >
1015         Wed 02
1016       </text>
1017       <text
1018         className="line-chart-tick"
1019         key="5"
1020         textAnchor="end"
1021         transform="rotate(-35, 20.625, 24)"
1022         x={20.625}
1023         y={24}
1024       >
1025         06 AM
1026       </text>
1027       <text
1028         className="line-chart-tick"
1029         key="6"
1030         textAnchor="end"
1031         transform="rotate(-35, 24.375, 24)"
1032         x={24.375}
1033         y={24}
1034       >
1035         12 PM
1036       </text>
1037       <text
1038         className="line-chart-tick"
1039         key="7"
1040         textAnchor="end"
1041         transform="rotate(-35, 28.125, 24)"
1042         x={28.125}
1043         y={24}
1044       >
1045         06 PM
1046       </text>
1047     </g>
1048     <g>
1049       <path
1050         className="line-chart-path line-chart-path-0"
1051         d="M0,16L15,8"
1052         key="test-1"
1053       />
1054       <path
1055         className="line-chart-path line-chart-path-1"
1056         d="M30,0Z"
1057         key="test-2"
1058       />
1059     </g>
1060     <g>
1061       <circle
1062         className="line-chart-dot line-chart-dot-1"
1063         cx={30}
1064         cy={0}
1065         key="test-20"
1066         r="2"
1067       />
1068     </g>
1069     <rect
1070       className="chart-mouse-events-overlay"
1071       height={24}
1072       width={30}
1073     />
1074   </g>
1075 </svg>
1076 `;
1077
1078 exports[`should render correctly: no areas 1`] = `
1079 <svg
1080   className="line-chart"
1081   height={100}
1082   width={100}
1083 >
1084   <g
1085     transform="translate(60, 26)"
1086   >
1087     <g>
1088       <g
1089         key="0"
1090       >
1091         <line
1092           className="line-chart-grid"
1093           x1={0}
1094           x2={30}
1095           y1={24}
1096           y2={24}
1097         />
1098       </g>
1099       <g
1100         key="0.2"
1101       >
1102         <line
1103           className="line-chart-grid"
1104           x1={0}
1105           x2={30}
1106           y1={22.4}
1107           y2={22.4}
1108         />
1109       </g>
1110       <g
1111         key="0.4"
1112       >
1113         <line
1114           className="line-chart-grid"
1115           x1={0}
1116           x2={30}
1117           y1={20.8}
1118           y2={20.8}
1119         />
1120       </g>
1121       <g
1122         key="0.6"
1123       >
1124         <line
1125           className="line-chart-grid"
1126           x1={0}
1127           x2={30}
1128           y1={19.200000000000003}
1129           y2={19.200000000000003}
1130         />
1131       </g>
1132       <g
1133         key="0.8"
1134       >
1135         <line
1136           className="line-chart-grid"
1137           x1={0}
1138           x2={30}
1139           y1={17.6}
1140           y2={17.6}
1141         />
1142       </g>
1143       <g
1144         key="1"
1145       >
1146         <line
1147           className="line-chart-grid"
1148           x1={0}
1149           x2={30}
1150           y1={16}
1151           y2={16}
1152         />
1153       </g>
1154       <g
1155         key="1.2"
1156       >
1157         <line
1158           className="line-chart-grid"
1159           x1={0}
1160           x2={30}
1161           y1={14.400000000000002}
1162           y2={14.400000000000002}
1163         />
1164       </g>
1165       <g
1166         key="1.4"
1167       >
1168         <line
1169           className="line-chart-grid"
1170           x1={0}
1171           x2={30}
1172           y1={12.800000000000002}
1173           y2={12.800000000000002}
1174         />
1175       </g>
1176       <g
1177         key="1.6"
1178       >
1179         <line
1180           className="line-chart-grid"
1181           x1={0}
1182           x2={30}
1183           y1={11.2}
1184           y2={11.2}
1185         />
1186       </g>
1187       <g
1188         key="1.8"
1189       >
1190         <line
1191           className="line-chart-grid"
1192           x1={0}
1193           x2={30}
1194           y1={9.600000000000001}
1195           y2={9.600000000000001}
1196         />
1197       </g>
1198       <g
1199         key="2"
1200       >
1201         <line
1202           className="line-chart-grid"
1203           x1={0}
1204           x2={30}
1205           y1={8}
1206           y2={8}
1207         />
1208       </g>
1209       <g
1210         key="2.2"
1211       >
1212         <line
1213           className="line-chart-grid"
1214           x1={0}
1215           x2={30}
1216           y1={6.399999999999999}
1217           y2={6.399999999999999}
1218         />
1219       </g>
1220       <g
1221         key="2.4"
1222       >
1223         <line
1224           className="line-chart-grid"
1225           x1={0}
1226           x2={30}
1227           y1={4.800000000000002}
1228           y2={4.800000000000002}
1229         />
1230       </g>
1231       <g
1232         key="2.6"
1233       >
1234         <line
1235           className="line-chart-grid"
1236           x1={0}
1237           x2={30}
1238           y1={3.1999999999999993}
1239           y2={3.1999999999999993}
1240         />
1241       </g>
1242       <g
1243         key="2.8"
1244       >
1245         <line
1246           className="line-chart-grid"
1247           x1={0}
1248           x2={30}
1249           y1={1.6000000000000023}
1250           y2={1.6000000000000023}
1251         />
1252       </g>
1253       <g
1254         key="3"
1255       >
1256         <line
1257           className="line-chart-grid"
1258           x1={0}
1259           x2={30}
1260           y1={0}
1261           y2={0}
1262         />
1263       </g>
1264     </g>
1265     <g
1266       transform="translate(0, 20)"
1267     >
1268       <text
1269         className="line-chart-tick"
1270         key="0"
1271         textAnchor="end"
1272         transform="rotate(-35, 1.875, 24)"
1273         x={1.875}
1274         y={24}
1275       >
1276         October
1277       </text>
1278       <text
1279         className="line-chart-tick"
1280         key="1"
1281         textAnchor="end"
1282         transform="rotate(-35, 5.625, 24)"
1283         x={5.625}
1284         y={24}
1285       >
1286         06 AM
1287       </text>
1288       <text
1289         className="line-chart-tick"
1290         key="2"
1291         textAnchor="end"
1292         transform="rotate(-35, 9.375, 24)"
1293         x={9.375}
1294         y={24}
1295       >
1296         12 PM
1297       </text>
1298       <text
1299         className="line-chart-tick"
1300         key="3"
1301         textAnchor="end"
1302         transform="rotate(-35, 13.125, 24)"
1303         x={13.125}
1304         y={24}
1305       >
1306         06 PM
1307       </text>
1308       <text
1309         className="line-chart-tick"
1310         key="4"
1311         textAnchor="end"
1312         transform="rotate(-35, 16.875, 24)"
1313         x={16.875}
1314         y={24}
1315       >
1316         Wed 02
1317       </text>
1318       <text
1319         className="line-chart-tick"
1320         key="5"
1321         textAnchor="end"
1322         transform="rotate(-35, 20.625, 24)"
1323         x={20.625}
1324         y={24}
1325       >
1326         06 AM
1327       </text>
1328       <text
1329         className="line-chart-tick"
1330         key="6"
1331         textAnchor="end"
1332         transform="rotate(-35, 24.375, 24)"
1333         x={24.375}
1334         y={24}
1335       >
1336         12 PM
1337       </text>
1338       <text
1339         className="line-chart-tick"
1340         key="7"
1341         textAnchor="end"
1342         transform="rotate(-35, 28.125, 24)"
1343         x={28.125}
1344         y={24}
1345       >
1346         06 PM
1347       </text>
1348     </g>
1349     <g>
1350       <path
1351         className="line-chart-path line-chart-path-0"
1352         d="M0,16L15,8"
1353         key="test-1"
1354       />
1355       <path
1356         className="line-chart-path line-chart-path-1"
1357         d="M30,0Z"
1358         key="test-2"
1359       />
1360     </g>
1361     <g>
1362       <circle
1363         className="line-chart-dot line-chart-dot-1"
1364         cx={30}
1365         cy={0}
1366         key="test-20"
1367         r="2"
1368       />
1369     </g>
1370     <rect
1371       className="chart-mouse-events-overlay"
1372       height={24}
1373       width={30}
1374     />
1375   </g>
1376 </svg>
1377 `;
1378
1379 exports[`should render correctly: no height 1`] = `<div />`;
1380
1381 exports[`should render correctly: no width 1`] = `<div />`;
1382
1383 exports[`should render leak legend correctly 1`] = `
1384 <svg
1385   className="line-chart"
1386   height={100}
1387   width={100}
1388 >
1389   <g
1390     transform="translate(60, 26)"
1391   >
1392     <rect
1393       fill="#fbf3d5"
1394       height={16}
1395       width={15}
1396       x={15}
1397       y={-16}
1398     />
1399     <text
1400       className="new-code-legend"
1401       textAnchor="start"
1402       x={19}
1403       y={-4}
1404     >
1405       new code
1406     </text>
1407     <rect
1408       className="leak-chart-rect"
1409       fill="#fbf3d5"
1410       height={24}
1411       width={15}
1412       x={15}
1413       y={0}
1414     />
1415     <g>
1416       <g
1417         key="0"
1418       >
1419         <line
1420           className="line-chart-grid"
1421           x1={0}
1422           x2={30}
1423           y1={24}
1424           y2={24}
1425         />
1426       </g>
1427       <g
1428         key="0.2"
1429       >
1430         <line
1431           className="line-chart-grid"
1432           x1={0}
1433           x2={30}
1434           y1={22.4}
1435           y2={22.4}
1436         />
1437       </g>
1438       <g
1439         key="0.4"
1440       >
1441         <line
1442           className="line-chart-grid"
1443           x1={0}
1444           x2={30}
1445           y1={20.8}
1446           y2={20.8}
1447         />
1448       </g>
1449       <g
1450         key="0.6"
1451       >
1452         <line
1453           className="line-chart-grid"
1454           x1={0}
1455           x2={30}
1456           y1={19.200000000000003}
1457           y2={19.200000000000003}
1458         />
1459       </g>
1460       <g
1461         key="0.8"
1462       >
1463         <line
1464           className="line-chart-grid"
1465           x1={0}
1466           x2={30}
1467           y1={17.6}
1468           y2={17.6}
1469         />
1470       </g>
1471       <g
1472         key="1"
1473       >
1474         <line
1475           className="line-chart-grid"
1476           x1={0}
1477           x2={30}
1478           y1={16}
1479           y2={16}
1480         />
1481       </g>
1482       <g
1483         key="1.2"
1484       >
1485         <line
1486           className="line-chart-grid"
1487           x1={0}
1488           x2={30}
1489           y1={14.400000000000002}
1490           y2={14.400000000000002}
1491         />
1492       </g>
1493       <g
1494         key="1.4"
1495       >
1496         <line
1497           className="line-chart-grid"
1498           x1={0}
1499           x2={30}
1500           y1={12.800000000000002}
1501           y2={12.800000000000002}
1502         />
1503       </g>
1504       <g
1505         key="1.6"
1506       >
1507         <line
1508           className="line-chart-grid"
1509           x1={0}
1510           x2={30}
1511           y1={11.2}
1512           y2={11.2}
1513         />
1514       </g>
1515       <g
1516         key="1.8"
1517       >
1518         <line
1519           className="line-chart-grid"
1520           x1={0}
1521           x2={30}
1522           y1={9.600000000000001}
1523           y2={9.600000000000001}
1524         />
1525       </g>
1526       <g
1527         key="2"
1528       >
1529         <line
1530           className="line-chart-grid"
1531           x1={0}
1532           x2={30}
1533           y1={8}
1534           y2={8}
1535         />
1536       </g>
1537       <g
1538         key="2.2"
1539       >
1540         <line
1541           className="line-chart-grid"
1542           x1={0}
1543           x2={30}
1544           y1={6.399999999999999}
1545           y2={6.399999999999999}
1546         />
1547       </g>
1548       <g
1549         key="2.4"
1550       >
1551         <line
1552           className="line-chart-grid"
1553           x1={0}
1554           x2={30}
1555           y1={4.800000000000002}
1556           y2={4.800000000000002}
1557         />
1558       </g>
1559       <g
1560         key="2.6"
1561       >
1562         <line
1563           className="line-chart-grid"
1564           x1={0}
1565           x2={30}
1566           y1={3.1999999999999993}
1567           y2={3.1999999999999993}
1568         />
1569       </g>
1570       <g
1571         key="2.8"
1572       >
1573         <line
1574           className="line-chart-grid"
1575           x1={0}
1576           x2={30}
1577           y1={1.6000000000000023}
1578           y2={1.6000000000000023}
1579         />
1580       </g>
1581       <g
1582         key="3"
1583       >
1584         <line
1585           className="line-chart-grid"
1586           x1={0}
1587           x2={30}
1588           y1={0}
1589           y2={0}
1590         />
1591       </g>
1592     </g>
1593     <g
1594       transform="translate(0, 20)"
1595     >
1596       <text
1597         className="line-chart-tick"
1598         key="0"
1599         textAnchor="end"
1600         transform="rotate(-35, 1.875, 24)"
1601         x={1.875}
1602         y={24}
1603       >
1604         October
1605       </text>
1606       <text
1607         className="line-chart-tick"
1608         key="1"
1609         textAnchor="end"
1610         transform="rotate(-35, 5.625, 24)"
1611         x={5.625}
1612         y={24}
1613       >
1614         06 AM
1615       </text>
1616       <text
1617         className="line-chart-tick"
1618         key="2"
1619         textAnchor="end"
1620         transform="rotate(-35, 9.375, 24)"
1621         x={9.375}
1622         y={24}
1623       >
1624         12 PM
1625       </text>
1626       <text
1627         className="line-chart-tick"
1628         key="3"
1629         textAnchor="end"
1630         transform="rotate(-35, 13.125, 24)"
1631         x={13.125}
1632         y={24}
1633       >
1634         06 PM
1635       </text>
1636       <text
1637         className="line-chart-tick"
1638         key="4"
1639         textAnchor="end"
1640         transform="rotate(-35, 16.875, 24)"
1641         x={16.875}
1642         y={24}
1643       >
1644         Wed 02
1645       </text>
1646       <text
1647         className="line-chart-tick"
1648         key="5"
1649         textAnchor="end"
1650         transform="rotate(-35, 20.625, 24)"
1651         x={20.625}
1652         y={24}
1653       >
1654         06 AM
1655       </text>
1656       <text
1657         className="line-chart-tick"
1658         key="6"
1659         textAnchor="end"
1660         transform="rotate(-35, 24.375, 24)"
1661         x={24.375}
1662         y={24}
1663       >
1664         12 PM
1665       </text>
1666       <text
1667         className="line-chart-tick"
1668         key="7"
1669         textAnchor="end"
1670         transform="rotate(-35, 28.125, 24)"
1671         x={28.125}
1672         y={24}
1673       >
1674         06 PM
1675       </text>
1676     </g>
1677     <g>
1678       <path
1679         className="line-chart-path line-chart-path-0"
1680         d="M0,16L15,8"
1681         key="test-1"
1682       />
1683       <path
1684         className="line-chart-path line-chart-path-1"
1685         d="M30,0Z"
1686         key="test-2"
1687       />
1688     </g>
1689     <g>
1690       <circle
1691         className="line-chart-dot line-chart-dot-1"
1692         cx={30}
1693         cy={0}
1694         key="test-20"
1695         r="2"
1696       />
1697     </g>
1698     <rect
1699       className="chart-mouse-events-overlay"
1700       height={24}
1701       width={30}
1702     />
1703   </g>
1704 </svg>
1705 `;