feat: change head title depending on page (#582)

src/generic/utils.js

@@ -0,0 +1,10 @@
+import { isEmpty } from 'lodash';
+
+const getPageHeadTitle = (courseName, pageName) => {
+  if (isEmpty(courseName)) {
+    return `${pageName} | ${process.env.SITE_NAME}`;
+  }
+  return `${pageName} | ${courseName} | ${process.env.SITE_NAME}`;
+};
+
+export default getPageHeadTitle;

src/generic/utils.test.js

@@ -0,0 +1,16 @@
+import getPageHeadTitle from './utils';
+
+describe('utils', () => {
+  describe('getPageHeader', () => {
+    it('should return with page name and site name', () => {
+      const expected = 'pageName | edX';
+      const actual = getPageHeadTitle(null, 'pageName');
+      expect(expected).toEqual(actual);
+    });
+    it('should return with page name, course name, and site name', () => {
+      const expected = 'pageName | courseName | edX';
+      const actual = getPageHeadTitle('courseName', 'pageName');
+      expect(expected).toEqual(actual);
+    });
+  });
+});