From fe9c9d98ed096a8a36bbb6d81489d22b40e0dcdf Mon Sep 17 00:00:00 2001
From: Miguel Julio <fitfab@yahoo.com>
Date: Fri, 20 Aug 2021 16:48:36 -0400
Subject: [PATCH] fix: button background color and test

---
 src/carousel/index.test.tsx | 10 ++++++----
 src/carousel/partials.tsx   |  4 ++--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/carousel/index.test.tsx b/src/carousel/index.test.tsx
index 70a196b..ec48ec6 100644
--- a/src/carousel/index.test.tsx
+++ b/src/carousel/index.test.tsx
@@ -1,9 +1,11 @@
-import { cleanup } from '@testing-library/react'
-// import { Carousel } from './index'
+import React from 'react'
+import { cleanup, render } from '@testing-library/react'
+import { Button } from './partials'
 
 afterEach(cleanup)
 
 test('Render Carousel', () => {
-    console.log('TODO: Render Carousel test')
-    expect('todo').toBeTruthy()
+    const { container } = render(<Button>helloe</Button>)
+
+    expect(container.firstChild).toMatchSnapshot()
 })
diff --git a/src/carousel/partials.tsx b/src/carousel/partials.tsx
index c983057..3388ec7 100644
--- a/src/carousel/partials.tsx
+++ b/src/carousel/partials.tsx
@@ -2,7 +2,7 @@ import styled from 'styled-components'
 import { CarouselProps } from './index'
 
 export const Button = styled.button`
-    background: rgba(0, 0, 0, 0.2);
+    background: rgba(0, 0, 0, 0.4);
     color: #fff;
     cursor: pointer;
     border: none;
@@ -41,7 +41,7 @@ export const Button = styled.button`
     }
 
     &:hover {
-        background: rgba(0, 0, 0, 0.6);
+        background: rgba(0, 0, 0, 0.7);
     }
 `
 export const CarouselView = styled.div<CarouselProps>`