Merge pull request #3008 from topcoder-platform/develop

Contentful updates

Author: sushilshinde

__tests__/shared/components/Contentful/Image/Image.jsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import Renderer from 'react-test-renderer/shallow';
+import { ImageInner } from 'components/Contentful/Image/Image';
+
+test('Matches shallow shapshot', () => {
+  const renderer = new Renderer();
+  const MOCK_PROPS = {
+    id: '1',
+    image: {},
+    imageSource: {
+      file: {
+        url: 'https://www.topcoder.com',
+      },
+    },
+    clipSvg: {
+      file: {
+        url: 'https://www.topcoder.com',
+      },
+    },
+    theme: {},
+  };
+  renderer.render(<ImageInner {...MOCK_PROPS} />);
+  expect(renderer.getRenderOutput()).toMatchSnapshot();
+});

__tests__/shared/components/Contentful/Image/__snapshots__/Image.jsx.snap

@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Matches shallow shapshot 1`] = `
+<div
+  id="image-1"
+>
+  <InlineSVG
+    baseURL=""
+    cacheGetRequests={false}
+    onLoad={[Function]}
+    preloader={
+      <ThemedLoadingIndicator
+        composeAdhocTheme="deeply"
+        composeContextTheme="softly"
+        mapThemrProps={[Function]}
+        themePriority="adhoc-context-default"
+      />
+    }
+    src="https://www.topcoder.com"
+    supportTest={[Function]}
+    uniquifyIDs={true}
+    wrapper={[Function]}
+  />
+  <img
+    alt=""
+    src="https://www.topcoder.com"
+    style={
+      Object {
+        "display": "none",
+      }
+    }
+  />
+</div>
+`;

__tests__/shared/components/Contentful/Shape/Shape.jsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import Renderer from 'react-test-renderer/shallow';
+import { ShapeInner } from 'components/Contentful/Shape/Shape';
+
+test('Matches shallow shapshot', () => {
+  const renderer = new Renderer();
+  const MOCK_PROPS = {
+    id: '1',
+    shape: {},
+    shapeSvg: {
+      file: {
+        url: 'https://www.topcoder.com',
+      },
+    },
+    theme: {},
+  };
+  renderer.render(<ShapeInner {...MOCK_PROPS} />);
+  expect(renderer.getRenderOutput()).toMatchSnapshot();
+});

__tests__/shared/components/Contentful/Shape/__snapshots__/Shape.jsx.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Matches shallow shapshot 1`] = `
+<div
+  id="1"
+  style={
+    Object {
+      "backgroundImage": "url(https://www.topcoder.com)",
+    }
+  }
+/>
+`;

docs/contentful/miscellaneous-CSS-solutions.md

@@ -20,4 +20,12 @@ Content
     "justify-content": "space-between",
     "flex": "auto"
 }
-```
+```
+
+## Position banner content left/right
+Put this custom CSS on content field.
+```
+{
+    "margin-left/right": "calc(100vw - 50%)
+}
+```