add test for getChartBar method #97
FreezystemAnnotations
5 errors
|
mjml-bar-chart › mjml markup › should render the bar chart:
src/index.spec.ts#L43
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)
|
|
mjml-bar-chart › getChartBar › should render chart bar with minimum params:
src/index.spec.ts#L108
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)
|
|
mjml-bar-chart › renderJSON › should render the barChart as JSON:
src/index.spec.ts#L201
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)
|
|
mjml-bar-chart › render › should render the barChart as HTML:
src/index.spec.ts#L209
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)
|
|
build
Process completed with exit code 1.
|