test(utils): Add block(), blockModifier(), elementModifier()

ruedap · Jul 5, 2020 · 77bdc68 · 77bdc68
1 parent fdb7ebc
commit 77bdc68
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 1 deletion.
diff --git a/tests/utils/string.test.tsx b/tests/utils/string.test.tsx
@@ -56,13 +56,38 @@ describe('generateMetaTags', () => {
 })
 
 describe('utils.suitNames', () => {
+  describe('block()', () => {
+    it('should returns converted string', () => {
+      const className = 'BlockName'
+      const { block } = suitNames(className)
+      expect(block()).toEqual('BlockName')
+    })
+  })
+
+  describe('blockModifier()', () => {
+    it('should returns converted string', () => {
+      const className = 'BlockName'
+      const { blockModifier } = suitNames(className)
+      expect(blockModifier('modifierName')).toEqual('BlockName BlockName--modifierName')
+    })
+  })
+
   describe('element()', () => {
     it('should returns converted string', () => {
       const className = 'BlockName'
       const { element } = suitNames(className)
       expect(element('elementName')).toEqual('BlockName-elementName')
     })
   })
+
+  describe('elementModifier()', () => {
+    it('should returns converted string', () => {
+      const className = 'BlockName'
+      const { elementModifier } = suitNames(className)
+      expect(elementModifier('elementName', 'modifierName'))
+        .toEqual('BlockName-elementName BlockName-elementName--modifierName')
+    })
+  })
 })
 
 describe('getStyledComponentsClassName', () => {

diff --git a/utils/string.ts b/utils/string.ts
@@ -32,13 +32,32 @@ export const generateMetaTags = (metaTags?: Partial<TMetaTags>): TMetaTags => {
   }
 }
 
+const suitBlockName = (blockName: string) => () => {
+  return blockName
+}
+
+const suitBlockModifierName = (blockName: string) => {
+  return (modifierName: string) => {
+    return `${blockName} ${blockName}--${modifierName}`
+  }
+}
+
 const suitElementName = (blockName: string) => (elementName: string) => {
   return `${blockName}-${elementName}`
 }
 
+const suitElementModifierName = (blockName: string) => {
+  return (elementName: string, modifierName: string) => {
+    return `${blockName}-${elementName} ${blockName}-${elementName}--${modifierName}`
+  }
+}
+
 export const suitNames = (blockName: string) => {
   return {
-    element: suitElementName(blockName)
+    block: suitBlockName(blockName),
+    blockModifier: suitBlockModifierName(blockName),
+    element: suitElementName(blockName),
+    elementModifier: suitElementModifierName(blockName)
   } as const
 }