@samitouri / QOS-React-2 / commits / 08644348b6

Added unit Tests in the ReactART, increasing the code coverage (#23195)

BIKI DAS committed Mar 3, 2022 at 00:40 UTC 08644348b62bbfe979570b7174ff493da9bc70e9
2 files changed +223
packages/react-art/src/__tests__/ReactART-test.js
+54
@@ -440,6 +440,60 @@ describe('ReactARTComponents', () => {
440 expect(rectangle.toJSON()).toMatchSnapshot();
441 });
442
443 + it('should generate a <Shape> with positive width when width prop is negative', () => {
444 + const rectangle = ReactTestRenderer.create(
445 + <Rectangle width={-50} height={50} />,
446 + );
447 + expect(rectangle.toJSON()).toMatchSnapshot();
448 + });
449 +
450 + it('should generate a <Shape> with positive height when height prop is negative', () => {
451 + const rectangle = ReactTestRenderer.create(
452 + <Rectangle height={-50} width={50} />,
453 + );
454 + expect(rectangle.toJSON()).toMatchSnapshot();
455 + });
456 +
457 + it('should generate a <Shape> with a radius property of 0 when top left radius prop is negative', () => {
458 + const rectangle = ReactTestRenderer.create(
459 + <Rectangle radiusTopLeft={-25} width={50} height={50} />,
460 + );
461 + expect(rectangle.toJSON()).toMatchSnapshot();
462 + });
463 +
464 + it('should generate a <Shape> with a radius property of 0 when top right radius prop is negative', () => {
465 + const rectangle = ReactTestRenderer.create(
466 + <Rectangle radiusTopRight={-25} width={50} height={50} />,
467 + );
468 + expect(rectangle.toJSON()).toMatchSnapshot();
469 + });
470 +
471 + it('should generate a <Shape> with a radius property of 0 when bottom right radius prop is negative', () => {
472 + const rectangle = ReactTestRenderer.create(
473 + <Rectangle radiusBottomRight={-30} width={50} height={50} />,
474 + );
475 + expect(rectangle.toJSON()).toMatchSnapshot();
476 + });
477 +
478 + it('should generate a <Shape> with a radius property of 0 when bottom left radius prop is negative', () => {
479 + const rectangle = ReactTestRenderer.create(
480 + <Rectangle radiusBottomLeft={-25} width={50} height={50} />,
481 + );
482 + expect(rectangle.toJSON()).toMatchSnapshot();
483 + });
484 +
485 + it('should generate a <Shape> where top radius is 0 if the sum of the top radius is greater than width', () => {
486 + const rectangle = ReactTestRenderer.create(
487 + <Rectangle
488 + radiusTopRight={25}
489 + radiusTopLeft={26}
490 + width={50}
491 + height={40}
492 + />,
493 + );
494 + expect(rectangle.toJSON()).toMatchSnapshot();
495 + });
496 +
497 it('should warn if width/height is missing on a Rectangle component', () => {
498 expect(() =>
499 ReactTestRenderer.create(<Rectangle stroke="green" fill="blue" />),
packages/react-art/src/__tests__/__snapshots__/ReactART-test.js.snap
+169
@@ -1,5 +1,174 @@
1 // Jest Snapshot v1, https://goo.gl/fbAQLP
2
3 +exports[`ReactARTComponents should generate a <Shape> where top radius is 0 if the sum of the top radius is greater than width 1`] = `
4 +<Shape
5 + d={
6 + Object {
7 + "_pivotX": 0,
8 + "_pivotY": 0,
9 + "path": Array [
10 + [Function],
11 + [Function],
12 + [Function],
13 + [Function],
14 + [Function],
15 + ],
16 + "penDownX": 0,
17 + "penDownY": 0,
18 + "penX": 0,
19 + "penY": 0,
20 + }
21 + }
22 + height={40}
23 + radiusTopLeft={26}
24 + radiusTopRight={25}
25 + width={50}
26 +/>
27 +`;
28 +exports[`ReactARTComponents should generate a <Shape> with a radius property of 0 when bottom left radius prop is negative 1`] = `
29 +<Shape
30 + d={
31 + Object {
32 + "_pivotX": 0,
33 + "_pivotY": 0,
34 + "path": Array [
35 + [Function],
36 + [Function],
37 + [Function],
38 + [Function],
39 + [Function],
40 + ],
41 + "penDownX": 0,
42 + "penDownY": 0,
43 + "penX": 0,
44 + "penY": 0,
45 + }
46 + }
47 + height={50}
48 + radiusBottomLeft={-25}
49 + width={50}
50 +/>
51 +`;
52 +exports[`ReactARTComponents should generate a <Shape> with a radius property of 0 when bottom right radius prop is negative 1`] = `
53 +<Shape
54 + d={
55 + Object {
56 + "_pivotX": 0,
57 + "_pivotY": 0,
58 + "path": Array [
59 + [Function],
60 + [Function],
61 + [Function],
62 + [Function],
63 + [Function],
64 + ],
65 + "penDownX": 0,
66 + "penDownY": 0,
67 + "penX": 0,
68 + "penY": 0,
69 + }
70 + }
71 + height={50}
72 + radiusBottomRight={-30}
73 + width={50}
74 +/>
75 +`;
76 +exports[`ReactARTComponents should generate a <Shape> with a radius property of 0 when top left radius prop is negative 1`] = `
77 +<Shape
78 + d={
79 + Object {
80 + "_pivotX": 0,
81 + "_pivotY": 0,
82 + "path": Array [
83 + [Function],
84 + [Function],
85 + [Function],
86 + [Function],
87 + [Function],
88 + ],
89 + "penDownX": 0,
90 + "penDownY": 0,
91 + "penX": 0,
92 + "penY": 0,
93 + }
94 + }
95 + height={50}
96 + radiusTopLeft={-25}
97 + width={50}
98 +/>
99 +`;
100 +exports[`ReactARTComponents should generate a <Shape> with a radius property of 0 when top right radius prop is negative 1`] = `
101 +<Shape
102 + d={
103 + Object {
104 + "_pivotX": 0,
105 + "_pivotY": 0,
106 + "path": Array [
107 + [Function],
108 + [Function],
109 + [Function],
110 + [Function],
111 + [Function],
112 + ],
113 + "penDownX": 0,
114 + "penDownY": 0,
115 + "penX": 0,
116 + "penY": 0,
117 + }
118 + }
119 + height={50}
120 + radiusTopRight={-25}
121 + width={50}
122 +/>
123 +`;
124 +exports[`ReactARTComponents should generate a <Shape> with positive height when height prop is negative 1`] = `
125 +<Shape
126 + d={
127 + Object {
128 + "_pivotX": 0,
129 + "_pivotY": -50,
130 + "path": Array [
131 + [Function],
132 + [Function],
133 + [Function],
134 + [Function],
135 + [Function],
136 + [Function],
137 + ],
138 + "penDownX": 0,
139 + "penDownY": -50,
140 + "penX": 0,
141 + "penY": -50,
142 + }
143 + }
144 + height={-50}
145 + width={50}
146 +/>
147 +`;
148 +exports[`ReactARTComponents should generate a <Shape> with positive width when width prop is negative 1`] = `
149 +<Shape
150 + d={
151 + Object {
152 + "_pivotX": -50,
153 + "_pivotY": 0,
154 + "path": Array [
155 + [Function],
156 + [Function],
157 + [Function],
158 + [Function],
159 + [Function],
160 + [Function],
161 + ],
162 + "penDownX": -50,
163 + "penDownY": 0,
164 + "penX": -50,
165 + "penY": 0,
166 + }
167 + }
168 + height={50}
169 + width={-50}
170 +/>
171 +`;
172 exports[`ReactARTComponents should generate a <Shape> with props for drawing the Circle 1`] = `
173 <Shape
174 d={