Merge pull request #769 from inhibitor1217/fix/vstack

VStack 컴포넌트 direction 오류 수정

Author: inhibitor1217

src/components/Stack/HStack/HStack.test.tsx

@@ -0,0 +1,15 @@
+/* External dependencies */
+import React from 'react'
+
+/* Internal dependencies */
+import { render } from 'Utils/testUtils'
+import HStack from './HStack'
+
+describe('HStack', () => {
+  it('creates a horizontal flexbox', () => {
+    const { getByTestId } = render(<HStack testId="h-stack" />)
+
+    expect(getByTestId('h-stack')).toHaveStyle('display: flex')
+    expect(getByTestId('h-stack')).toHaveStyle('flex-direction: row')
+  })
+})

src/components/Stack/VStack/VStack.test.tsx

@@ -0,0 +1,15 @@
+/* External dependencies */
+import React from 'react'
+
+/* Internal dependencies */
+import { render } from 'Utils/testUtils'
+import VStack from './VStack'
+
+describe('VStack', () => {
+  it('creates a vertical flexbox', () => {
+    const { getByTestId } = render(<VStack testId="v-stack" />)
+
+    expect(getByTestId('v-stack')).toHaveStyle('display: flex')
+    expect(getByTestId('v-stack')).toHaveStyle('flex-direction: column')
+  })
+})

src/components/Stack/VStack/VStack.tsx

@@ -13,7 +13,7 @@ function VStack(
   props: VStackProps,
   forwardedRef: Ref<HTMLElement>,
 ) {
-  return (<Stack ref={forwardedRef} direction="horizontal" {...props} />)
+  return (<Stack ref={forwardedRef} direction="vertical" {...props} />)
 }
 
 export default forwardRef(VStack)