From 5ac77479834c2b502cd369469e7b14a6df289f93 Mon Sep 17 00:00:00 2001
From: Carlo Bernardini <bernardini@textkernel.nl>
Date: Thu, 22 Nov 2018 12:01:26 +0100
Subject: [PATCH] Added tests for facetCount support in CheckBox and
 RadioButton components

---
 __tests__/CheckBox.spec.js                    | 13 +++++
 __tests__/RadioButton.spec.js                 | 14 +++++
 __tests__/__snapshots__/CheckBox.spec.js.snap | 52 ++++++++++++++++++
 .../__snapshots__/RadioButton.spec.js.snap    | 55 +++++++++++++++++++
 4 files changed, 134 insertions(+)

diff --git a/__tests__/CheckBox.spec.js b/__tests__/CheckBox.spec.js
index 8104b45..7b8e58f 100644
--- a/__tests__/CheckBox.spec.js
+++ b/__tests__/CheckBox.spec.js
@@ -49,4 +49,17 @@ describe('<CheckBox />', () => {
 
         expect(wrapper).toMatchSnapshot();
     });
+
+    it('should render a checkbox with facet count', () => {
+        const wrapper = shallow(
+            <CheckBox
+                id="testCheckbox"
+                label="Test checkbox"
+                value="test"
+                facetCount={ 123 }
+            />
+        );
+
+        expect(wrapper).toMatchSnapshot();
+    });
 });
diff --git a/__tests__/RadioButton.spec.js b/__tests__/RadioButton.spec.js
index 380fde1..f008608 100644
--- a/__tests__/RadioButton.spec.js
+++ b/__tests__/RadioButton.spec.js
@@ -48,4 +48,18 @@ describe('<RadioButton />', () => {
 
         expect(wrapper).toMatchSnapshot();
     });
+
+    it('should render a radio button with facet count', () => {
+        const wrapper = shallow(
+            <RadioButton
+                id="testRadio1"
+                name="testRadioGroup"
+                label="Test radio"
+                value="test"
+                facetCount={ 123 }
+            />
+        );
+
+        expect(wrapper).toMatchSnapshot();
+    });
 });
diff --git a/__tests__/__snapshots__/CheckBox.spec.js.snap b/__tests__/__snapshots__/CheckBox.spec.js.snap
index e411206..1883986 100644
--- a/__tests__/__snapshots__/CheckBox.spec.js.snap
+++ b/__tests__/__snapshots__/CheckBox.spec.js.snap
@@ -47,6 +47,58 @@ exports[`<CheckBox /> should render a checkbox 1`] = `
 </div>
 `;
 
+exports[`<CheckBox /> should render a checkbox with facet count 1`] = `
+<div
+  className="orizzonte__checkbox"
+>
+  <input
+    checked={false}
+    className="orizzonte__checkbox-input"
+    disabled={false}
+    id="testCheckbox"
+    onChange={[Function]}
+    type="checkbox"
+    value="test"
+  />
+  <label
+    className="orizzonte__checkbox-label"
+    htmlFor="testCheckbox"
+  >
+    <span
+      className="orizzonte__checkbox-span orizzonte__checkbox-span--first"
+    >
+      <svg
+        className="orizzonte__checkbox-svg"
+        height="10px"
+        viewBox={
+          Array [
+            0,
+            0,
+            10,
+            10,
+          ]
+        }
+        width="12px"
+      >
+        <polyline
+          points="1.5 6 3.5 9 8 3"
+        />
+      </svg>
+    </span>
+    <span
+      className="orizzonte__checkbox-span orizzonte__checkbox-span--last"
+    >
+      Test checkbox
+    </span>
+    <span
+      className="orizzonte__checkbox-span orizzonte__checkbox-span--count"
+    >
+      123
+    </span>
+  </label>
+</div>
+`;
+
 exports[`<CheckBox /> should render a disabled checkbox 1`] = `
 <div
   className="orizzonte__checkbox orizzonte__checkbox--disabled"
diff --git a/__tests__/__snapshots__/RadioButton.spec.js.snap b/__tests__/__snapshots__/RadioButton.spec.js.snap
index a163442..dd46f0a 100644
--- a/__tests__/__snapshots__/RadioButton.spec.js.snap
+++ b/__tests__/__snapshots__/RadioButton.spec.js.snap
@@ -100,6 +100,61 @@ exports[`<RadioButton /> should render a radio button 1`] = `
 </div>
 `;
 
+exports[`<RadioButton /> should render a radio button with facet count 1`] = `
+<div
+  className="orizzonte__radio"
+>
+  <input
+    checked={false}
+    className="orizzonte__radio-input"
+    disabled={false}
+    id="testRadio1"
+    name="testRadioGroup"
+    onChange={[Function]}
+    type="radio"
+    value="test"
+  />
+  <label
+    className="orizzonte__radio-label"
+    htmlFor="testRadio1"
+  >
+    <span
+      className="orizzonte__radio-span orizzonte__radio-span--first"
+    >
+      <svg
+        className="orizzonte__radio-svg"
+        height="10px"
+        viewBox={
+          Array [
+            0,
+            0,
+            10,
+            10,
+          ]
+        }
+        width="12px"
+      >
+        <circle
+          cx="5"
+          cy="6"
+          r="3"
+        />
+      </svg>
+    </span>
+    <span
+      className="orizzonte__radio-span orizzonte__radio-span--last"
+    >
+      Test radio
+    </span>
+    <span
+      className="orizzonte__radio-span orizzonte__radio-span--count"
+    >
+      123
+    </span>
+  </label>
+</div>
+`;
+
 exports[`<RadioButton /> should render a selected radio button 1`] = `
 <div
   className="orizzonte__radio"