nnnnat

import React from "react";
import PropTypes from "prop-types";

function SkipNav ({ message, skipLinks }) {
  return (
    <nav>
      {skipLinks.map(({ id, label }) => <a href={`#${id}`}>{message} {label}</a>)}
    </nav>
  );
};

nnnnat

Keybase proof

I hereby claim:

• I am nnnnat on github.
• I am nnnnat (https://keybase.io/nnnnat) on keybase.
• I have a public key ASAwE2szOAOmgUzjutW76G_bW6anWPxsm340K4I5_Q7AYgo

To claim this, I am signing this object:

nnnnat

test("SSR Loads with an HTML Body", () => {
  request(url, (err, resp, body) => {
      if (!err && resp.statusCode === 200) {
        const cheer = cheerio.load(body);
        expect(cheer("#__next").find("div")).toBeGreaterThan(0);
      }
    });
});

nnnnat

import React from "react";
import { shallow } from "enzyme";
import Button from "./Button";

const testClick = jest.fn();

test("Button component onClick", () => {
  const component = shallow(<Button handleClick={testClick}>Button</Button>);
  component.find("button").simulate("click");
  expect(testClick).toHaveBeenCalled();

nnnnat

// ===========================================================================
// App.js
// ===========================================================================
import PropComp from "components/PropComp";
import Comp from "components/Comp";

class App extends Component {
  render() {
    return (
      <Fragment>

nnnnat

const ScreenReaderText = styled.span`
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap:normal !important;

nnnnat

function updateFilenameLabel (input) {
  const filename = input.files[0].name
  input.labels[0].attributes['data-filename'].value = input.files[0].name      
}