test(stack): add flex direction test cases to HStack, VStack

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')
+  })
+})