From f0384a8da4cf2f8f4581a923ef4dd4062b5a4266 Mon Sep 17 00:00:00 2001
From: Henry <henry@kirkness.com>
Date: Mon, 26 Oct 2020 11:58:06 +0000
Subject: [PATCH] test: remove non-nested medias from test

---
 src/__test__/Media.test.tsx | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/src/__test__/Media.test.tsx b/src/__test__/Media.test.tsx
index c17b7d2..bbef388 100644
--- a/src/__test__/Media.test.tsx
+++ b/src/__test__/Media.test.tsx
@@ -534,10 +534,6 @@ describe("Media", () => {
     it("only renders one element when Media is nested within Media", () => {
       const query = renderer.create(
         <MediaContextProvider>
-          <Media at="extra-small">
-            <span className="extra-small" />
-          </Media>
-
           <Media at="medium">
             <Media at="extra-small">
               <span className="extra-small" />
@@ -549,20 +545,16 @@ describe("Media", () => {
               <span className="large" />
             </Media>
           </Media>
-
-          <Media at="large">
-            <span className="large" />
-          </Media>
         </MediaContextProvider>
       )
 
       expect(
         query.root.findAllByProps({ className: "extra-small" }, { deep: true })
           .length
-      ).toBe(1)
+      ).toBe(0)
       expect(
         query.root.findAllByProps({ className: "large" }, { deep: true }).length
-      ).toBe(1)
+      ).toBe(0)
       expect(
         query.root.findAllByProps({ className: "medium" }, { deep: true })
           .length