| 6dd74de | | | 1 | import { imgSnapshotTest, renderGraph } from '../../helpers/util.ts'; |
| 6dd74de | | | 2 | |
| 6dd74de | | | 3 | describe('pie chart', () => { |
| 6dd74de | | | 4 | it('should render a simple pie diagram', () => { |
| 6dd74de | | | 5 | imgSnapshotTest( |
| 6dd74de | | | 6 | `pie title Sports in Sweden |
| 6dd74de | | | 7 | "Bandy": 40 |
| 6dd74de | | | 8 | "Ice-Hockey": 80 |
| 6dd74de | | | 9 | "Football": 90 |
| 6dd74de | | | 10 | ` |
| 6dd74de | | | 11 | ); |
| 6dd74de | | | 12 | }); |
| 6dd74de | | | 13 | |
| 6dd74de | | | 14 | it('should render a simple pie diagram with long labels', () => { |
| 6dd74de | | | 15 | imgSnapshotTest( |
| 6dd74de | | | 16 | `pie title NETFLIX |
| 6dd74de | | | 17 | "Time spent looking for movie": 90 |
| 6dd74de | | | 18 | "Time spent watching it": 10 |
| 6dd74de | | | 19 | ` |
| 6dd74de | | | 20 | ); |
| 6dd74de | | | 21 | }); |
| 6dd74de | | | 22 | |
| 6dd74de | | | 23 | it('should render a simple pie diagram with capital letters for labels', () => { |
| 6dd74de | | | 24 | imgSnapshotTest( |
| 6dd74de | | | 25 | `pie title What Voldemort doesn't have? |
| 6dd74de | | | 26 | "FRIENDS": 2 |
| 6dd74de | | | 27 | "FAMILY": 3 |
| 6dd74de | | | 28 | "NOSE": 45 |
| 6dd74de | | | 29 | ` |
| 6dd74de | | | 30 | ); |
| 6dd74de | | | 31 | }); |
| 6dd74de | | | 32 | |
| 6dd74de | | | 33 | it('should render a pie diagram when useMaxWidth is true (default)', () => { |
| 6dd74de | | | 34 | renderGraph( |
| 6dd74de | | | 35 | `pie title Sports in Sweden |
| 6dd74de | | | 36 | "Bandy": 40 |
| 6dd74de | | | 37 | "Ice-Hockey": 80 |
| 6dd74de | | | 38 | "Football": 90 |
| 6dd74de | | | 39 | `, |
| 6dd74de | | | 40 | { pie: { useMaxWidth: true } } |
| 6dd74de | | | 41 | ); |
| 6dd74de | | | 42 | cy.get('svg').should((svg) => { |
| 6dd74de | | | 43 | expect(svg).to.have.attr('width', '100%'); |
| 6dd74de | | | 44 | const style = svg.attr('style'); |
| 6dd74de | | | 45 | expect(style).to.match(/^max-width: [\d.]+px;$/); |
| 6dd74de | | | 46 | const maxWidthValue = parseFloat(style.match(/[\d.]+/g).join('')); |
| 6dd74de | | | 47 | expect(maxWidthValue).to.be.within(590, 600); // depends on installed fonts: 596.2 on my PC, 597.5 on CI |
| 6dd74de | | | 48 | }); |
| 6dd74de | | | 49 | }); |
| 6dd74de | | | 50 | |
| 6dd74de | | | 51 | it('should render a pie diagram when useMaxWidth is false', () => { |
| 6dd74de | | | 52 | renderGraph( |
| 6dd74de | | | 53 | `pie title Sports in Sweden |
| 6dd74de | | | 54 | "Bandy": 40 |
| 6dd74de | | | 55 | "Ice-Hockey": 80 |
| 6dd74de | | | 56 | "Football": 90 |
| 6dd74de | | | 57 | `, |
| 6dd74de | | | 58 | { pie: { useMaxWidth: false } } |
| 6dd74de | | | 59 | ); |
| 6dd74de | | | 60 | cy.get('svg').should((svg) => { |
| 6dd74de | | | 61 | const width = parseFloat(svg.attr('width')); |
| 6dd74de | | | 62 | expect(width).to.be.within(590, 600); // depends on installed fonts: 596.2 on my PC, 597.5 on CI |
| 6dd74de | | | 63 | expect(svg).to.not.have.attr('style'); |
| 6dd74de | | | 64 | }); |
| 6dd74de | | | 65 | }); |
| 6dd74de | | | 66 | |
| 6dd74de | | | 67 | it('should render a pie diagram when textPosition is set', () => { |
| 6dd74de | | | 68 | imgSnapshotTest( |
| 6dd74de | | | 69 | `pie |
| 6dd74de | | | 70 | "Dogs": 50 |
| 6dd74de | | | 71 | "Cats": 25 |
| 6dd74de | | | 72 | `, |
| 6dd74de | | | 73 | { logLevel: 1, pie: { textPosition: 0.9 } } |
| 6dd74de | | | 74 | ); |
| 6dd74de | | | 75 | }); |
| 6dd74de | | | 76 | |
| 6dd74de | | | 77 | it('should render a pie diagram with showData', () => { |
| 6dd74de | | | 78 | imgSnapshotTest( |
| 6dd74de | | | 79 | `pie showData |
| 6dd74de | | | 80 | "Dogs": 50 |
| 6dd74de | | | 81 | "Cats": 25 |
| 6dd74de | | | 82 | ` |
| 6dd74de | | | 83 | ); |
| 6dd74de | | | 84 | }); |
| 6dd74de | | | 85 | it('should render pie slices only for non-zero values but shows all legends', () => { |
| 6dd74de | | | 86 | imgSnapshotTest( |
| 6dd74de | | | 87 | ` pie title Pets adopted by volunteers |
| 6dd74de | | | 88 | "Dogs" : 386 |
| 6dd74de | | | 89 | "Cats" : 85 |
| 6dd74de | | | 90 | "Rats" : 1 |
| 6dd74de | | | 91 | ` |
| 6dd74de | | | 92 | ); |
| 6dd74de | | | 93 | }); |
| 6dd74de | | | 94 | }); |