refactor: extract title class to a constant

Author: Dobromir Hristov

src/components/DocumentationTopic/ContentTableSection.vue

@@ -31,6 +31,8 @@
 import LinkableHeading from 'docc-render/components/ContentNode/LinkableHeading.vue';
 import { anchorize } from 'docc-render/utils/strings';
 
+export const TITLE_CLASS_NAME = 'contenttable-title';
+
 export default {
   name: 'ContentTableSection',
   components: { LinkableHeading },
@@ -46,7 +48,7 @@ export default {
   },
   computed: {
     anchorComputed: ({ title, anchor }) => anchor || anchorize(title),
-    className: () => 'contenttable-title',
+    className: () => TITLE_CLASS_NAME,
   },
 };
 </script>

tests/unit/components/DocumentationTopic/ContentTableSection.spec.js

@@ -9,7 +9,9 @@
 */
 
 import { shallowMount } from '@vue/test-utils';
-import ContentTableSection from 'docc-render/components/DocumentationTopic/ContentTableSection.vue';
+import ContentTableSection, {
+  TITLE_CLASS_NAME,
+} from 'docc-render/components/DocumentationTopic/ContentTableSection.vue';
 
 const {
   LinkableHeading,
@@ -33,12 +35,12 @@ describe('ContentTableSection', () => {
     const title = div.find(LinkableHeading);
     expect(title.exists()).toBe(true);
     expect(title.props('level')).toBe(3);
-    expect(title.classes()).toContain('contenttable-title');
+    expect(title.classes()).toContain(TITLE_CLASS_NAME);
     expect(title.text()).toContain(propsData.title);
   });
 
   it('renders an `id` if `anchor` is provided', () => {
-    const title = wrapper.find('.title');
+    const title = wrapper.find(`.${TITLE_CLASS_NAME}`);
     expect(title.attributes('id')).toBe(undefined);
     wrapper.setProps({
       anchor: 'foo-bar',
@@ -54,7 +56,7 @@ describe('ContentTableSection', () => {
       },
     });
     const div = wrapper.find('.section-title');
-    const title = div.find('.contenttable-title');
+    const title = div.find(`.${TITLE_CLASS_NAME}`);
     expect(title.text()).toEqual('Title Text');
   });