test: add test cases for largeAndBelow breakpoint

Author: kristofdombi

src/HideAt.spec.js

@@ -126,4 +126,22 @@ describe('<HideAt />', () => {
     ));
     assert.deepStrictEqual($.children().exists(), false);
   });
+
+  it('hides its children if breakpoint is largeAndBelow and currentBreakpoint is medium', () => {
+    const $ = mount((
+      <HideAt breakpoint="largeAndBelow" currentBreakpoint="medium">
+        <div>Hello</div>
+      </HideAt>
+    ));
+    assert.deepStrictEqual($.children().exists(), false);
+  });
+
+  it('hides its children if breakpoint is largeAndBelow and currentBreakpoint is small', () => {
+    const $ = mount((
+      <HideAt breakpoint="largeAndBelow" currentBreakpoint="small">
+        <div>Hello</div>
+      </HideAt>
+    ));
+    assert.deepStrictEqual($.children().exists(), false);
+  });
 });

src/ShowAt.spec.js

@@ -117,4 +117,22 @@ describe('<ShowAt />', () => {
     ));
     assert.deepStrictEqual($.children().exists(), true);
   });
+
+  it('shows its children if breakpoint is largeAndBelow and currentBreakpoint is medium', () => {
+    const $ = mount((
+      <ShowAt breakpoint="largeAndBelow" currentBreakpoint="medium">
+        <div>Hello</div>
+      </ShowAt>
+    ));
+    assert.deepStrictEqual($.children().exists(), true);
+  });
+
+  it('shows its children if breakpoint is largeAndBelow and currentBreakpoint is small', () => {
+    const $ = mount((
+      <ShowAt breakpoint="largeAndBelow" currentBreakpoint="small">
+        <div>Hello</div>
+      </ShowAt>
+    ));
+    assert.deepStrictEqual($.children().exists(), true);
+  });
 });