fix b(block)(element).toString() missing prefix

magicismight · Jul 14, 2022 · 7cd2e62 · 7cd2e62
1 parent b56d412
commit 7cd2e62
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 3 deletions.
diff --git a/src/bem.test.ts b/src/bem.test.ts
@@ -297,6 +297,50 @@ describe('curried api', () => {
   });
 });
 
+describe('custom prefix', () => {
+  const cbem = configure({
+    prefix: 'bem-'
+  });
+
+  it('should add prefix', () => {
+    const value = [
+      'bem-',
+      BlockName,
+      DefaultBEMDelimiters.element,
+      ElementName,
+      DefaultBEMDelimiters.modifier,
+      ModifierName,
+      DefaultBEMDelimiters.modifierValue,
+      ModifierValue
+    ].join(''); // button__icon~~active~true
+
+    expect(
+      cbem(BlockName, ElementName, {
+        name: ModifierName,
+        value: ModifierValue
+      }).toString()
+    ).toBe(value);
+
+    expect(cbem(BlockName)(ElementName).toString()).toBe(
+      ['bem-', BlockName, DefaultBEMDelimiters.element, ElementName].join('') // bem-button--icon
+    );
+
+    expect(
+      cbem(BlockName)(ElementName, {
+        name: ModifierName,
+        value: ModifierValue
+      }).toString()
+    ).toBe(value);
+
+    expect(
+      cbem(BlockName)(ElementName)({
+        name: ModifierName,
+        value: ModifierValue
+      }).toString()
+    ).toBe(value);
+  });
+});
+
 describe('custom delimiters', () => {
   const cbem = configure({
     prefix: 'bem-',

diff --git a/src/element.ts b/src/element.ts
@@ -22,9 +22,10 @@ export function element(
   }
 
   const toString = (): string => {
-    return delimiters.prefix + name
-      ? blockName + delimiters.element + name
-      : blockName;
+    return (
+      delimiters.prefix +
+      (name ? blockName + delimiters.element + name : blockName)
+    );
   };
 
   const toSelector = (): string => {