UN-129 - improve universal-nav ssr placeholder

.circleci/config.yml

@@ -349,8 +349,7 @@ workflows:
           filters:
             branches:
               only:
-                - develop
-                - latex_support
+                - sprig-lib
       # This is alternate dev env for parallel testing
       - "build-test":
           context : org-global
@@ -365,6 +364,7 @@ workflows:
             branches:
               only:
                 - universal_nav
+                - marathon_match_submission_download
                 - feat/badges-box
       # This is beta env for production soft releases
       - "build-prod-beta":
@@ -380,8 +380,6 @@ workflows:
             branches:
               only:
                 - develop
-                - old-mm-fix
-                - reskin-profile-settings
       # Production builds are exectuted
       # when PR is merged to the master
       # Don't change anything in this configuration

__tests__/shared/components/challenge-detail/Submissions/SubmissionRow/SubmissionHistoryRow/__snapshots__/index.jsx.snap

@@ -0,0 +1,83 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Matches shallow shapshot shapshot 1 1`] = `
+<div
+  className="src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__container___1WzuZ"
+>
+  <div
+    className="src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__row___tH5eB src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__no-border___1tHzW"
+  >
+    <div
+      className="src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__col-1___3g3Tt src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__col___2-hjE"
+    >
+      <div
+        className="src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__mobile-header___3NsEQ"
+      >
+        SUBMISSION
+      </div>
+      <span>
+        1
+      </span>
+    </div>
+    <div
+      className="src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__col-2___2KjRa src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__col___2-hjE"
+    >
+      <div
+        className="src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__mobile-header___3NsEQ"
+      >
+        FINAL SCORE
+      </div>
+      <div>
+        N/A
+      </div>
+    </div>
+    <div
+      className="src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__col-3___3MsR- src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__col___2-hjE"
+    >
+      <div
+        className="src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__mobile-header___3NsEQ"
+      >
+        PROVISIONAL SCORE
+      </div>
+      <div>
+        80
+      </div>
+    </div>
+    <div
+      className="src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__col-4___SJw2x src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__col___2-hjE src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__mm___2y_Fx"
+    >
+      <div
+        className="src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__mobile-header___3NsEQ"
+      >
+        TIME
+      </div>
+      <div>
+        06 Nov 2017
+
+        15:49:35
+      </div>
+    </div>
+    <div
+      className="src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__col-2___2KjRa src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__col___2-hjE src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__center___2l_Ch"
+    >
+      <div
+        className="src-shared-components-challenge-detail-Submissions-SubmissionRow-SubmissionHistoryRow-___style__mobile-header___3NsEQ"
+      >
+        Action
+      </div>
+      <button
+        onClick={[Function]}
+        type="button"
+      >
+        <DownloadIcon
+          fill="none"
+          height="18"
+          viewBox="0 0 18 18"
+          width="18"
+          xmlns="http://www.w3.org/2000/svg"
+        />
+      </button>
+    </div>
+  </div>
+</div>
+`;

__tests__/shared/components/challenge-detail/Submissions/SubmissionRow/SubmissionHistoryRow/index.jsx

@@ -0,0 +1,50 @@
+import React from 'react';
+// import ReactDOM from 'react-dom';
+import Renderer from 'react-test-renderer/shallow';
+import TU from 'react-dom/test-utils';
+import SubmissionHistoryRow from 'components/challenge-detail/Submissions/SubmissionRow/SubmissionHistoryRow';
+
+const mockData = {
+  isMM: true,
+  submission: 1,
+  finalScore: 80,
+  provisionalScore: 80,
+  submissionTime: '2017-11-06T15:49:35.000Z',
+  isReviewPhaseComplete: false,
+  status: 'completed',
+  numWinners: 1,
+  challengeStatus: 'Completed',
+  auth: {
+    tokenV3: 'tokenV3',
+  },
+  submissionId: '1',
+  isLoggedIn: true,
+};
+
+describe('Matches shallow shapshot', () => {
+  test('shapshot 1', () => {
+    const renderer = new Renderer();
+
+    renderer.render((
+      <SubmissionHistoryRow {...mockData} />
+    ));
+    expect(renderer.getRenderOutput()).toMatchSnapshot();
+  });
+});
+
+class Wrapper extends React.Component {
+  componentDidMount() {}
+
+  render() {
+    return <SubmissionHistoryRow {...this.props} />;
+  }
+}
+
+describe('render properly', () => {
+  test('click', () => {
+    const instance = TU.renderIntoDocument((<Wrapper {...mockData} />));
+    const matches = TU.scryRenderedDOMComponentsWithTag(instance, 'button');
+    expect(matches).toHaveLength(1);
+    TU.Simulate.click(matches[0]);
+  });
+});

__tests__/shared/components/challenge-detail/Winners/Winner/__snapshots__/index.jsx.snap

@@ -0,0 +1,73 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Matches shallow shapshot shapshot 1 1`] = `
+<div
+  className="src-shared-components-challenge-detail-Winners-Winner-___style__winner___GzUxl"
+>
+  <div
+    className="src-shared-components-challenge-detail-Winners-Winner-___style__left___3hdSd"
+  >
+    <div
+      className="src-shared-components-challenge-detail-Winners-Winner-___style__placement___Qyy47 src-shared-components-challenge-detail-Winners-Winner-___style__placement-1___1LrAQ"
+    >
+      <span>
+        1th
+      </span>
+    </div>
+    <div
+      className="src-shared-components-challenge-detail-Winners-Winner-___style__info___37iL7"
+    >
+      <div
+        className="src-shared-components-challenge-detail-Winners-Winner-___style__avatar-prize___1LtwD"
+      >
+        <ThemedAvatar
+          composeAdhocTheme="deeply"
+          composeContextTheme="softly"
+          mapThemrProps={[Function]}
+          theme={
+            Object {
+              "avatar": "src-shared-components-challenge-detail-Winners-Winner-style___avatar___18tFlU",
+            }
+          }
+          themePriority="adhoc-context-default"
+        />
+        <div>
+          <a
+            className="src-shared-components-challenge-detail-Winners-Winner-___style__handle___2klay"
+            href="undefined/members/test"
+            target="_blank"
+          >
+            test
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    className="src-shared-components-challenge-detail-Winners-Winner-___style__right___1SPxZ"
+  >
+    <div
+      className="src-shared-components-challenge-detail-Winners-Winner-___style__prize___1snZ8"
+    >
+      $
+      200
+    </div>
+  </div>
+  <div
+    className="src-shared-components-challenge-detail-Winners-Winner-___style__download-container___OXVza"
+  >
+    <button
+      onClick={[Function]}
+      type="button"
+    >
+      <DownloadIcon
+        fill="none"
+        height="18"
+        viewBox="0 0 18 18"
+        width="18"
+        xmlns="http://www.w3.org/2000/svg"
+      />
+    </button>
+  </div>
+</div>
+`;

__tests__/shared/components/challenge-detail/Winners/Winner/index.jsx

@@ -0,0 +1,71 @@
+import React from 'react';
+// import ReactDOM from 'react-dom';
+import Renderer from 'react-test-renderer/shallow';
+import TU from 'react-dom/test-utils';
+import Winner from 'components/challenge-detail/Winners/Winner';
+
+const mockData = {
+  isDesign: false,
+  isMM: true,
+  prizes: [
+    { value: 200, type: 'USD' },
+    { value: 100, type: 'USD' },
+  ],
+  submissions: [
+    {
+      placement: 1,
+      createdBy: 'test',
+      created: '2017-11-06T15:49:35.000Z',
+      id: '1',
+    },
+    {
+      placement: 1,
+      createdBy: 'test',
+      created: '2017-12-06T15:49:35.000Z',
+      id: '2',
+    },
+    {
+      placement: 1,
+      createdBy: 'test2',
+      created: '2017-11-06T15:49:35.000Z',
+      id: '3',
+    },
+  ],
+  viewable: false,
+  winner: {
+    handle: 'test',
+    placement: 1,
+  },
+  isLoggedIn: true,
+  auth: {
+    tokenV3: 'tokenV3',
+  },
+};
+
+describe('Matches shallow shapshot', () => {
+  test('shapshot 1', () => {
+    const renderer = new Renderer();
+
+    renderer.render((
+      <Winner {...mockData} />
+    ));
+    expect(renderer.getRenderOutput()).toMatchSnapshot();
+  });
+});
+
+class Wrapper extends React.Component {
+  componentDidMount() {}
+
+  render() {
+    return <Winner {...this.props} />;
+  }
+}
+
+describe('render properly', () => {
+  test('click', () => {
+    const instance = TU.renderIntoDocument((<Wrapper {...mockData} />));
+    const matches = TU.scryRenderedDOMComponentsWithTag(instance, 'button');
+    expect(matches).toHaveLength(1);
+    TU.Simulate.click(matches[0]);
+  });
+});