fix(my-joy-beta): remove all bolds

2018-02-26 14:47:32 +00:00 · 2018-02-26 14:47:32 +00:00 · 2724c28bbf
parent 4641329238
commit 2724c28bbf
10 changed files with 286 additions and 3494 deletions
--- a/packages/my-joy-beta/src/components/create-instance/tests/snapshots/affinity.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/tests/snapshots/affinity.spec.js.snap
@ -2,10 +2,16 @@

 exports[`renders <Header /> without throwing 1`] = `
 Array [
-  <b>
+  .c0 {
+  font-weight: 600;
+}
+
+<span
+    className="c0"
+>
    
    :
-</b>,
+</span>,
  " be on a",
  " ",
  " node as the instance(s) identified by the instance ",
@ -21,10 +27,16 @@ Array [

 exports[`renders <Header tag/> without throwing 1`] = `
 Array [
-  <b>
+  .c0 {
+  font-weight: 600;
+}
+
+<span
+    className="c0"
+>
    
    :
-</b>,
+</span>,
  " be on a",
  " ",
  " node as the instance(s) identified by the instance ",
--- a/packages/my-joy-beta/src/components/create-instance/tests/snapshots/package.spec.js.snap
+++ b/packages/my-joy-beta/src/components/create-instance/tests/snapshots/package.spec.js.snap
@ -1393,7 +1393,7 @@ exports[`renders <Packages expanded /> without throwing 1`] = `
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c3:not(:first-child) {
@ -1941,7 +1941,7 @@ exports[`renders <Packages isVmSelected /> without throwing 1`] = `
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c3:not(:first-child) {
@ -2489,7 +2489,7 @@ exports[`renders <Packages loading /> without throwing 1`] = `
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c3:not(:first-child) {
@ -2955,7 +2955,7 @@ exports[`renders <Packages packages=[{name: stuff, imageName: stuff}] /> without
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c3:not(:first-child) {
@ -3247,7 +3247,7 @@ exports[`renders <Packages pristine={false} /> without throwing 1`] = `
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c3:not(:first-child) {
--- a/packages/my-joy-beta/src/components/instances/tests/snapshots/list.spec.js.snap
+++ b/packages/my-joy-beta/src/components/instances/tests/snapshots/list.spec.js.snap
@ -231,7 +231,7 @@ exports[`renders <InstanceList /> without throwing 1`] = `
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c11:not(:first-child) {
@ -766,7 +766,7 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c11:not(:first-child) {
@ -1422,7 +1422,7 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c12:not(:first-child) {
@ -1957,7 +1957,7 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c12:not(:first-child) {
@ -2371,7 +2371,7 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c11:not(:first-child) {
@ -2906,7 +2906,7 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c11:not(:first-child) {
--- a/packages/my-joy-beta/src/components/instances/tests/snapshots/snapshots.spec.js.snap
+++ b/packages/my-joy-beta/src/components/instances/tests/snapshots/snapshots.spec.js.snap
@ -232,7 +232,7 @@ Array [
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c11:not(:first-child) {
@ -2023,7 +2023,7 @@ Array [
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c11:not(:first-child) {
@ -2856,7 +2856,7 @@ Array [
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c11:not(:first-child) {
@ -3778,7 +3778,7 @@ Array [
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c12:not(:first-child) {
@ -4611,7 +4611,7 @@ Array [
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c12:not(:first-child) {
@ -5355,7 +5355,7 @@ Array [
  font-weight: 500;
  border-bottom-width: 0;
  color: rgba(73,73,73,1);
-  font-weight: bold;
+  font-weight: 600;
 }

 .c11:not(:first-child) {
--- a/packages/my-joy-beta/src/components/navigation/tests/snapshots/footer.spec..js.snap
+++ b/packages/my-joy-beta/src/components/navigation/tests/snapshots/footer.spec..js.snap
@ -1,74 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders <Footer/> without throwing 1`] = `
-.c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  list-style: none;
-  padding: 0.75rem 1.125rem;
-  border-top: 0.0625rem solid rgb(216,216,216);
-  width: 100%;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
-  justify-content: flex-end;
-  position: absolute;
-  box-sizing: border-box;
-  margin: 0;
-  bottom: 0;
-}
-
-.c1 {
-  color: rgb(151,151,151);
-}
-
-.c1:not(:last-child) {
-  padding-right: 1.5rem;
-}
-
-.c2 {
-  color: rgb(151,151,151);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
-<ul
-  className="c0"
->
-  <li
-    className="c1"
-  >
-    <a
-      className="c2"
-      href="https://www.joyent.com/about/policies"
-      rel="noopener noreferrer"
-      target="__blank"
-    >
-      Policies
-    </a>
-  </li>
-  <li
-    className="c1"
-  >
-    <a
-      className="c2"
-      href="https://www.joyent.com/networking-and-security/security-compliance"
-      rel="noopener noreferrer"
-      target="__blank"
-    >
-      Compliance
-    </a>
-  </li>
-  <li
-    className="c1"
-  >
-    <b>
-      © 
-      2018
-       Joyent, Inc.
-    </b>
-  </li>
-</ul>
-`;
--- a/packages/my-joy-beta/src/components/navigation/tests/footer.spec..js
+++ b/packages/my-joy-beta/src/components/navigation/tests/footer.spec..js
@ -1,18 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import 'jest-styled-components';
-
-import Footer from '../footer';
-import Theme from '@mocks/theme';
-
-it('renders <Footer/> without throwing', () => {
-  expect(
-    renderer
-      .create(
-        <Theme>
-          <Footer />
-        </Theme>
-      )
-      .toJSON()
-  ).toMatchSnapshot();
-});
--- a/packages/my-joy-beta/src/components/navigation/tests/footer.ui.js
+++ b/packages/my-joy-beta/src/components/navigation/tests/footer.ui.js
@ -1,20 +0,0 @@
-import React from 'react';
-import { toMatchImageSnapshot } from 'jest-image-snapshot';
-import screenshot from 'react-screenshot-renderer';
-
-import Footer from '../footer';
-import Theme from '@mocks/theme';
-
-expect.extend({
-  toMatchImageSnapshot
-});
-
-it('<Footer/>', async () => {
-  expect(
-    await screenshot(
-      <Theme ss>
-        <Footer />
-      </Theme>
-    )
-  ).toMatchImageSnapshot();
-});
--- a/packages/my-joy-beta/src/containers/instances/tests/snapshots/list.spec.js.snap
+++ b/packages/my-joy-beta/src/containers/instances/tests/snapshots/list.spec.js.snap
--- a/packages/ui-toolkit/src/footer/tests/snapshots/footer.spec.js.snap
+++ b/packages/ui-toolkit/src/footer/tests/snapshots/footer.spec.js.snap
@ -1,86 +1,80 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP

-exports[`Footer Footer 1`] = `
-.c1 {
-  margin-right: auto;
-  margin-left: auto;
-  box-sizing: border-box;
-  width: 100%;
-  max-width: 62.5rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-}
-
+exports[`renders <Footer/> without throwing 1`] = `
 .c0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-align-content: stretch;
-  -ms-flex-line-pack: stretch;
-  align-content: stretch;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  background-color: rgba(241,241,241,1);
+  list-style: none;
+  padding: 0.75rem 1.125rem;
  border-top: 0.0625rem solid rgb(216,216,216);
-  max-height: 3.3125rem;
-  min-height: 3.3125rem;
-  line-height: 1.5625rem;
-  height: 4.375rem;
-  max-height: 4.375rem;
-  z-index: 1;
+  width: 100%;
+  -webkit-box-pack: end;
+  -webkit-justify-content: flex-end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  position: absolute;
+  box-sizing: border-box;
+  margin: 0;
+  bottom: 0;
 }

-@media only screen and (min-width:48em) {
-  .c1 {
-    width: 46rem;
-  }
+.c1 {
+  color: rgb(151,151,151);
 }

-@media only screen and (min-width:64em) {
-  .c1 {
-    width: 56rem;
-  }
+.c1:not(:last-child) {
+  padding-right: 1.5rem;
 }

-@media only screen and (min-width:75em) {
-  .c1 {
-    width: 59rem;
-  }
+.c2 {
+  color: rgb(151,151,151);
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }

-@media only screen and (max-width:47.9375rem) {
-  .c1 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-  }
+.c3 {
+  font-weight: 600;
 }

-<div
+<ul
  className="c0"
 >
-  <div
+  <li
    className="c1"
-  />
-</div>
+  >
+    <a
+      className="c2"
+      href="https://www.joyent.com/about/policies"
+      rel="noopener noreferrer"
+      target="__blank"
+    >
+      Policies
+    </a>
+  </li>
+  <li
+    className="c1"
+  >
+    <a
+      className="c2"
+      href="https://www.joyent.com/networking-and-security/security-compliance"
+      rel="noopener noreferrer"
+      target="__blank"
+    >
+      Compliance
+    </a>
+  </li>
+  <li
+    className="c1"
+  >
+    <span
+      className="c3"
+    >
+      © 
+      2018
+       Joyent, Inc.
+    </span>
+  </li>
+</ul>
 `;
--- a/packages/ui-toolkit/src/footer/tests/footer.spec.js
+++ b/packages/ui-toolkit/src/footer/tests/footer.spec.js
@ -1,27 +1,18 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
 import 'jest-styled-components';
-import remcalc from 'remcalc';

 import Footer from '../';
-import { Theme } from '../../mocks';
-import theme from '../../theme';
+import Theme from '@mocks/theme';

-describe('Footer', () => {
-  test('Footer', () => {
-    const tree = renderer
+it('renders <Footer/> without throwing', () => {
+  expect(
+    renderer
      .create(
        <Theme>
          <Footer />
        </Theme>
      )
-      .toJSON();
-
-    expect(tree).toMatchSnapshot();
-    expect(tree).toHaveStyleRule('background-color', 'rgba(241,241,241,1)');
-    expect(tree).toHaveStyleRule(
-      'border-top',
-      `${remcalc(1)} solid ${theme.grey.replace(/ /g, '')}`
-    );
-  });
+      .toJSON()
+  ).toMatchSnapshot();
 });