;
diff --git a/test/specs/views/Card/Card-test.js b/test/specs/views/Card/Card-test.js
index 2c33539a37..fa3037afb9 100644
--- a/test/specs/views/Card/Card-test.js
+++ b/test/specs/views/Card/Card-test.js
@@ -1,23 +1,27 @@
import faker from 'faker'
import React from 'react'
-import * as common from 'test/specs/commonTests'
-import { sandbox } from 'test/utils'
+import { SUI } from 'src/lib'
import Card from 'src/views/Card/Card'
import CardContent from 'src/views/Card/CardContent'
import CardDescription from 'src/views/Card/CardDescription'
import CardGroup from 'src/views/Card/CardGroup'
import CardHeader from 'src/views/Card/CardHeader'
import CardMeta from 'src/views/Card/CardMeta'
+import * as common from 'test/specs/commonTests'
+import { sandbox } from 'test/utils'
describe('Card', () => {
common.isConformant(Card)
- common.hasUIClassName(Card)
common.hasSubComponents(Card, [CardContent, CardDescription, CardGroup, CardHeader, CardMeta])
+ common.hasUIClassName(Card)
+ common.rendersChildren(Card)
+
common.propKeyOnlyToClassName(Card, 'centered')
common.propKeyOnlyToClassName(Card, 'fluid')
common.propKeyOnlyToClassName(Card, 'raised')
- common.rendersChildren(Card)
+
+ common.propValueOnlyToClassName(Card, 'color', SUI.COLORS)
it('renders a by default', () => {
shallow().should.have.tagName('div')
diff --git a/test/specs/views/Card/CardContent-test.js b/test/specs/views/Card/CardContent-test.js
index 40850438ea..e7bcd3575c 100644
--- a/test/specs/views/Card/CardContent-test.js
+++ b/test/specs/views/Card/CardContent-test.js
@@ -1,11 +1,12 @@
-import * as common from 'test/specs/commonTests'
import CardContent from 'src/views/Card/CardContent'
import CardDescription from 'src/views/Card/CardDescription'
import CardHeader from 'src/views/Card/CardHeader'
import CardMeta from 'src/views/Card/CardMeta'
+import * as common from 'test/specs/commonTests'
describe('CardContent', () => {
common.isConformant(CardContent)
+ common.rendersChildren(CardContent)
common.implementsShorthandProp(CardContent, {
propKey: 'header',
@@ -24,5 +25,4 @@ describe('CardContent', () => {
})
common.propKeyOnlyToClassName(CardContent, 'extra')
- common.rendersChildren(CardContent)
})
diff --git a/test/specs/views/Card/CardDescription-test.js b/test/specs/views/Card/CardDescription-test.js
index 0804aea540..d59f9b9f2f 100644
--- a/test/specs/views/Card/CardDescription-test.js
+++ b/test/specs/views/Card/CardDescription-test.js
@@ -1,8 +1,8 @@
import faker from 'faker'
import React from 'react'
-import * as common from 'test/specs/commonTests'
import CardDescription from 'src/views/Card/CardDescription'
+import * as common from 'test/specs/commonTests'
describe('CardDescription', () => {
common.isConformant(CardDescription)
diff --git a/test/specs/views/Card/CardGroup-test.js b/test/specs/views/Card/CardGroup-test.js
index 909afe1e20..b3b0a82b89 100644
--- a/test/specs/views/Card/CardGroup-test.js
+++ b/test/specs/views/Card/CardGroup-test.js
@@ -1,15 +1,18 @@
import faker from 'faker'
import React from 'react'
-import * as common from 'test/specs/commonTests'
+
import CardGroup from 'src/views/Card/CardGroup'
+import * as common from 'test/specs/commonTests'
describe('CardGroup', () => {
common.isConformant(CardGroup)
common.hasUIClassName(CardGroup)
+ common.rendersChildren(CardGroup)
+
common.implementsWidthProp(CardGroup, { propKey: 'itemsPerRow', canEqual: false })
+
common.propKeyOnlyToClassName(CardGroup, 'doubling')
common.propKeyOnlyToClassName(CardGroup, 'stackable')
- common.rendersChildren(CardGroup)
describe('renders children', () => {
const firstText = faker.hacker.phrase()
diff --git a/test/specs/views/Card/CardHeader-test.js b/test/specs/views/Card/CardHeader-test.js
index 79716ad52c..c232242b46 100644
--- a/test/specs/views/Card/CardHeader-test.js
+++ b/test/specs/views/Card/CardHeader-test.js
@@ -1,8 +1,8 @@
import faker from 'faker'
import React from 'react'
-import * as common from 'test/specs/commonTests'
import CardHeader from 'src/views/Card/CardHeader'
+import * as common from 'test/specs/commonTests'
describe('CardHeader', () => {
common.isConformant(CardHeader)
diff --git a/test/specs/views/Card/CardMeta-test.js b/test/specs/views/Card/CardMeta-test.js
index f35568bbe5..d88492942a 100644
--- a/test/specs/views/Card/CardMeta-test.js
+++ b/test/specs/views/Card/CardMeta-test.js
@@ -1,8 +1,8 @@
import faker from 'faker'
import React from 'react'
-import * as common from 'test/specs/commonTests'
import CardMeta from 'src/views/Card/CardMeta'
+import * as common from 'test/specs/commonTests'
describe('CardMeta', () => {
common.isConformant(CardMeta)