tfiechowski

tfiechowski / comopnent-library-components-testing-index-exports.jsjs

Created August 2, 2019 07:57

export { default as Button } from "components/Button";

tfiechowski / comopnent-library-components-bundling-entrypoint-package.json

Created August 2, 2019 07:42

tfiechowski / comopnent-library-components-testing-button-uppercase-test.js

Created July 31, 2019 18:33

	test("should make text uppercase", () => {
	const { container } = render(<Button text="We Salute You!" />);
	const component = getByText(container, "We Salute You!");

	expect(component).toHaveStyleRule("text-transform", "uppercase");
	});

tfiechowski / comopnent-library-components-testing-button-click-test.js

Last active September 9, 2019 09:36

	describe("Button", () => {
	test("should handle click events", () => {
	const onClickMock = jest.fn();
	const { container } = render(
	<Button text="Click me, maybe?" onClick={onClickMock} />
	);
	const component = container.firstChild;

	fireEvent.click(component);

tfiechowski / comopnent-library-components-testing-button-click-handler.js

Created July 31, 2019 18:04

	export default function Button({ text, onClick }) {
	return <Wrapper onClick={onClick}>{text}</Wrapper>;
	}

tfiechowski / comopnent-library-components-button-testing-jest-config.js

Created July 31, 2019 17:23

	module.exports = {
	setupFilesAfterEnv: ["./src/setupTests.js"]
	};

tfiechowski / comopnent-library-components-setup-tests.js

Created July 31, 2019 17:23

	import { matchers } from "jest-emotion";
	expect.extend(matchers);

tfiechowski / comopnent-library-components-button-test-basic.js

Created July 31, 2019 17:21

	import { render, getByText } from "@testing-library/react";
	import React from "react";
	import Button from "components/Button";

	describe("Button", () => {
	test("should display text", () => {
	const { container } = render(<Button text="We Salute You!" />);

	getByText(container, "We Salute You!");
	});

tfiechowski / comopnent-library-components-button-absolute-import.js

Created July 31, 2019 10:21

	import React from "react";
	import styled from "@emotion/styled";
	import { font, primaryColors, shape } from "config/styles";

	const Wrapper = styled.button`
	${font}; ${primaryColors}; ${shape};
	`;

	export default function Button({ text }) {
	return <Wrapper>{text}</Wrapper>;

tfiechowski / comopnent-library-components-package-module-resolver.json

Created July 31, 2019 10:15

	{
	"presets": ["@babel/preset-env", "@babel/preset-react"],
	"plugins": [["module-resolver", { "root": ["./src"] }]]
	}