fix: button background color and test

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()
 })

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>`