Switch out uslug for lodash.kebabcase. Saves about 200kb unminified

packages/api-explorer-ui/__tests__/block-types/ApiHeader.test.jsx

@@ -2,28 +2,28 @@ const React = require('react');
 const { shallow } = require('enzyme');
 const ApiHeader = require('../../src/block-types/ApiHeader');
 
+const block = {
+  type: 'api-header',
+  data: {
+    title: 'This is header',
+    type: 'post',
+  },
+};
+
 describe('ApiHeader', () => {
   test('Api Header will render text in table header cells', () => {
-    const block = {
-      type: 'api-header',
-      data: {
-        title: 'This is header',
-      },
-    };
     const apiHeader = shallow(<ApiHeader block={block} />);
     expect(apiHeader.find('h1').text()).toBe('This is header');
   });
 
   test('should render with the type in a span', () => {
-    const type = 'post';
-    const block = {
-      type: 'api-header',
-      data: {
-        title: 'This is header',
-        type,
-      },
-    };
     const apiHeader = shallow(<ApiHeader block={block} />);
-    expect(apiHeader.find(`span.type-${type}`).length).toBe(1);
+    expect(apiHeader.find(`span.type-${block.data.type}`).length).toBe(1);
+  });
+
+  test('should create an #id with the slug of the title', () => {
+    const apiHeader = shallow(<ApiHeader block={block} />);
+    expect(apiHeader.find(`span#this-is-header`).length).toBe(1);
+    expect(apiHeader.find(`#section-this-is-header`).length).toBe(1);
   });
 });