Create seo service

Author: rafaelcamargo

website/src/images/cep-promise-288x288.png

@@ -0,0 +1,36 @@
+import '@images/cep-promise-288x288.png';
+import ENV from '@environment';
+
+const _public = {};
+const DEFAULT_IMAGE_FILENAME = 'cep-promise-288x288.png';
+
+_public.buildHead = ({ title, description, keywords, imageFilename }) => {
+  return {
+    title: {
+      inner: title
+    },
+    meta: [
+      { name: 'application-name', content: '' },
+      { name: 'description', content: description, id: 'desc' },
+      { name: 'keywords', content: keywords },
+      // Twitter
+      { name: 'twitter:card', content: 'summary' },
+      { name: 'twitter:title', content: title },
+      { name: 'twitter:description', content: description },
+      { name: 'twitter:site', content: '@ceppromise' },
+      { name: 'twitter:creator', content: '@ceppromise' },
+      // Google+ / Schema.org
+      { itemprop: 'name', content: title },
+      { itemprop: 'desc', content: description },
+      // Facebook / Open Graph
+      { property: 'og:title', content: title },
+      { property: 'og:image', content: buildImageUrl(imageFilename) }
+    ]
+  };
+};
+
+function buildImageUrl(filename = DEFAULT_IMAGE_FILENAME){
+  return `${ENV.APP.BASE_URL}/images/${filename}`;
+}
+
+export default _public;

website/src/scripts/services/seo/seo.js

@@ -0,0 +1,58 @@
+import seoService from './seo';
+
+describe('SEO Service', () => {
+  function buildViewData(){
+    return {
+      title: 'Title',
+      description: 'Description',
+      keywords: 'Keywords',
+      imageFilename: 'test.png'
+    };
+  }
+
+  it('should build seo items', () => {
+    expect(seoService.buildHead(buildViewData())).toEqual({
+      title: {
+        inner: 'Title'
+      },
+      meta: [
+        { name: 'application-name', content: '' },
+        { name: 'description', content: 'Description', id: 'desc' },
+        { name: 'keywords', content: 'Keywords' },
+        { name: 'twitter:card', content: 'summary' },
+        { name: 'twitter:title', content: 'Title' },
+        { name: 'twitter:description', content: 'Description' },
+        { name: 'twitter:site', content: '@ceppromise' },
+        { name: 'twitter:creator', content: '@ceppromise' },
+        { itemprop: 'name', content: 'Title' },
+        { itemprop: 'desc', content: 'Description' },
+        { property: 'og:title', content: 'Title' },
+        { property: 'og:image', content: 'http://localhost:7000/images/test.png' }
+      ]
+    });
+  });
+
+  it('should build seo items with default image if no image filename has been provided', () => {
+    const viewData = buildViewData();
+    delete viewData.imageFilename;
+    expect(seoService.buildHead(viewData)).toEqual({
+      title: {
+        inner: 'Title'
+      },
+      meta: [
+        { name: 'application-name', content: '' },
+        { name: 'description', content: 'Description', id: 'desc' },
+        { name: 'keywords', content: 'Keywords' },
+        { name: 'twitter:card', content: 'summary' },
+        { name: 'twitter:title', content: 'Title' },
+        { name: 'twitter:description', content: 'Description' },
+        { name: 'twitter:site', content: '@ceppromise' },
+        { name: 'twitter:creator', content: '@ceppromise' },
+        { itemprop: 'name', content: 'Title' },
+        { itemprop: 'desc', content: 'Description' },
+        { property: 'og:title', content: 'Title' },
+        { property: 'og:image', content: 'http://localhost:7000/images/cep-promise-288x288.png' }
+      ]
+    });
+  });
+});