expect(received).toMatchSnapshot() Snapshot name: `mjml-bar-chart mjml markup should render the bar chart 1` - Snapshot - 6 + Received + 6 @@ -89,23 +89,23 @@ <table class="mjmlBarChart" style="border-collapse:collapse;margin:0 auto;"> <tr> <td style="padding:0;vertical-align:top;"> <table style="border-collapse:collapse;"> <tr> - <td style="padding:0 5px 0 0;height:56px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;">66</td> + <td style="padding:0 5px 0 0;height:56px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;">66</td> </tr> <tr> - <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;">49</td> + <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;">49</td> </tr> <tr> - <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;">33</td> + <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;">33</td> </tr> <tr> - <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;">16</td> + <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;">16</td> </tr> <tr> - <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;">0</td> + <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;">0</td> </tr> </table> </td> <td style="padding:0;"> <table style="border-collapse:collapse;"> @@ -118,11 +118,11 @@ </table> </td> </tr> <tr> <td style="padding:0;"> - <table style="border-collapse:collapse;border-left:2px solid d4d4d4;border-bottom:2px solid d4d4d4;"> + <table style="border-collapse:collapse;border-left:2px solid #d4d4d4;border-bottom:2px solid #d4d4d4;"> <tr> <td style="padding:0;min-width:30px;max-width:30px;"></td> <td style="padding:0"> <table style="padding:0;min-width:30px;max-width:30px;"> <tr> at Object.<anonymous> (src/index.spec.ts:43:25)

expect(received).toMatchSnapshot() Snapshot name: `mjml-bar-chart getChartBar should render chart bar with minimum params 1` New snapshot was not written. The update flag must be explicitly passed to write a new snapshot. This is likely because this test is run in a continuous integration (CI) environment in which snapshots are not written by default. Received: { "attributes": { "style": "padding:0", }, "children": [ { "attributes": { "style": "padding:0;min-width:30px;max-width:30px;", }, "children": [ { "children": [ { "attributes": { "style": "padding:0;font-size:12px;vertical-align:bottom;text-align:center;line-height:16px;height:89px;", }, "content": "42", "tagName": "td", }, ], "tagName": "tr", }, { "children": [ { "attributes": { "style": "padding:0;height:127px;background-color:#fb6f92;", }, "tagName": "td", }, ], "tagName": "tr", }, ], "tagName": "table", }, ], "tagName": "td", } at Object.<anonymous> (src/index.spec.ts:108:17)

expect(received).toMatchSnapshot() Snapshot name: `mjml-bar-chart renderJSON should render the barChart as JSON 1` - Snapshot - 6 + Received + 6 @@ -18,11 +18,11 @@ "children": [ { "children": [ { "attributes": { - "style": "padding:0 5px 0 0;height:56px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;", + "style": "padding:0 5px 0 0;height:56px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;", }, "content": "66", "tagName": "td", }, ], @@ -30,11 +30,11 @@ }, { "children": [ { "attributes": { - "style": "padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;", + "style": "padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;", }, "content": "49", "tagName": "td", }, ], @@ -42,11 +42,11 @@ }, { "children": [ { "attributes": { - "style": "padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;", + "style": "padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;", }, "content": "33", "tagName": "td", }, ], @@ -54,11 +54,11 @@ }, { "children": [ { "attributes": { - "style": "padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;", + "style": "padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;", }, "content": "16", "tagName": "td", }, ], @@ -66,11 +66,11 @@ }, { "children": [ { "attributes": { - "style": "padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;", + "style": "padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;", }, "content": "0", "tagName": "td", }, ], @@ -99,11 +99,11 @@ "style": "padding:0;", }, "children": [ { "attributes": { - "style": "border-collapse:collapse;border-left:2px solid d4d4d4;border-bottom:2px solid d4d4d4;", + "style": "border-collapse:collapse;border-left:2px solid #d4d4d4;border-bottom:2px solid #d4d4d4;", }, "children": [ { "children": [ { at Object.<anonymous> (src/index.spec.ts:201:17)

expect(received).toMatchSnapshot() Snapshot name: `mjml-bar-chart render should render the barChart as HTML 1` - Snapshot - 6 + Received + 6 @@ -1,31 +1,31 @@ "<table class="mjmlBarChart" style="border-collapse:collapse;margin:0 auto;"> <tr> <td style="padding:0;vertical-align:top;"> <table style="border-collapse:collapse;"> <tr> - <td style="padding:0 5px 0 0;height:56px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;">66</td> + <td style="padding:0 5px 0 0;height:56px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;">66</td> </tr> <tr> - <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;">49</td> + <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;">49</td> </tr> <tr> - <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;">33</td> + <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;">33</td> </tr> <tr> - <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;">16</td> + <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;">16</td> </tr> <tr> - <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:d4d4d4;">0</td> + <td style="padding:0 5px 0 0;height:50.5px;vertical-align:bottom;text-align:right;font-size:14px;color:#d4d4d4;">0</td> </tr> </table> </td> <td style="padding:0;"> <table style="border-collapse:collapse;"> <tr> <td style="padding:0;"> - <table style="border-collapse:collapse;border-left:2px solid d4d4d4;border-bottom:2px solid d4d4d4;"> + <table style="border-collapse:collapse;border-left:2px solid #d4d4d4;border-bottom:2px solid #d4d4d4;"> <tr> <td style="padding:0;min-width:30px;max-width:30px;"></td> <td style="padding:0"> <table style="padding:0;min-width:30px;max-width:30px;"> <tr> at Object.<anonymous> (src/index.spec.ts:209:17)