Thomas Mayrhofer webpapaya

## property-based-testing.ts
import {
  allOf,
  assertThat,
  describe,
  equalTo,
  everyItem,
  greaterThanOrEqualTo,
  hasProperty, hasSize,
  lessThanOrEqualTo
} from 'hamjest';

## index.html
<!doctype html>
<html>
  <head>
    <title>FHS-Modules</title>
  </head>
  <body>
      <a href="/test1">First Link</a>
      <a href="/test2">Second Link</a>

      <section id="content">

## null_pointer_exception.js
let questions = null;
async function getQuestion() {
  questions = await getQuestions()
  return questions[Math.random() * questions.length - 1]
}

function answerQuestion(question, answer) {
    questions.find((currentQuestion) => currentQuestion.question === question.question)
    //     ^^^^^^^
    // if answer question is called before getQuestion is called you'll run into

## calculator_closure.js
function calculator() {
    let value = 0

    return function (difference) {
        value += difference
        console.log(value)
    }
}

const calulator1 = calculator()

## convert_promise_to_async_await.js
const callbackFetch = (url, callback) => {
    // ....
}

const promiseFetch = (url) => {
    return new Promise((resolve, reject) => {
        callbackFetch(url, (result) => {
            if (result.error) { reject(result) }
            else { resolve(result) }
        })

## react_tdd_kata.md

      
              1 file
            
          
              0 forks
            
          
              1 comment
            
          
              0 stars
            
          
                webpapaya
                / react_tdd_kata.md
            
            
              Created
              October 16, 2020 10:48
            
          
You're building an issue tracking system
Build a component which displays the names of assignees

eg. <Assignees assignees={['Mike', 'Sepp', 'David']} />
build a simple ul


WITH more than 3 assigness,

only display 3 assignees
display a show more button


WHEN the show more button was clicked

display all assignees


a show less button is displayed instead of a show more button


## gist:0adb802bdac768a25eee9e5f6efb3bd3
import { AnyAction } from 'redux'
import { ThunkAction, ThunkDispatch } from 'redux-thunk'
import { rootReducer } from '.'
import createHTTPInstance from '../utils/create-http-connection'

export type ExternalDependencies = {
  http: ReturnType<typeof createHTTPInstance>
}

export type AppState = ReturnType<typeof rootReducer>

## fhs_master_tdd_react.js


const SignInForm = ({ onSubmit }) => {
  const [formState, setFormState] = useState({ username: '', password: '' })
  const handleChange = (evt) => {
    setFormState({ ...formState, [evt.target.name]: evt.target.value })
  }

  return (
    <form onSubmit={() => onSubmit(formState)}>

## GOL_EventBased.ts
// @ts-ignore
import {assertThat, equalTo} from 'hamjest';

type CellState = 'alive' | 'dead'
type EventType = CellState | 'nextGeneration'

type Event<Type> = {
  state: Type
}

## FunctionalStatefullComponent.js
import React, { useState } from 'react';

const Button = ({ children, variant = 'button' }) => {
  return (
    <button style={{ background: variant === 'button' ? 'blue' : 'green'}}>
      { children }
    </button>
  )
};
	import {
	allOf,
	assertThat,
	describe,
	equalTo,
	everyItem,
	greaterThanOrEqualTo,
	hasProperty, hasSize,
	lessThanOrEqualTo
	} from 'hamjest';
	<!doctype html>
	<html>
	<head>
	<title>FHS-Modules</title>
	</head>
	<body>
	<a href="/test1">First Link</a>
	<a href="/test2">Second Link</a>

	<section id="content">
	let questions = null;
	async function getQuestion() {
	questions = await getQuestions()
	return questions[Math.random() * questions.length - 1]
	}

	function answerQuestion(question, answer) {
	questions.find((currentQuestion) => currentQuestion.question === question.question)
	// ^^^^^^^
	// if answer question is called before getQuestion is called you'll run into
	function calculator() {
	let value = 0

	return function (difference) {
	value += difference
	console.log(value)
	}
	}

	const calulator1 = calculator()
	const callbackFetch = (url, callback) => {
	// ....
	}

	const promiseFetch = (url) => {
	return new Promise((resolve, reject) => {
	callbackFetch(url, (result) => {
	if (result.error) { reject(result) }
	else { resolve(result) }
	})
	import { AnyAction } from 'redux'
	import { ThunkAction, ThunkDispatch } from 'redux-thunk'
	import { rootReducer } from '.'
	import createHTTPInstance from '../utils/create-http-connection'

	export type ExternalDependencies = {
	http: ReturnType<typeof createHTTPInstance>
	}

	export type AppState = ReturnType<typeof rootReducer>


	const SignInForm = ({ onSubmit }) => {
	const [formState, setFormState] = useState({ username: '', password: '' })
	const handleChange = (evt) => {
	setFormState({ ...formState, [evt.target.name]: evt.target.value })
	}

	return (
	<form onSubmit={() => onSubmit(formState)}>
	// @ts-ignore
	import {assertThat, equalTo} from 'hamjest';

	type CellState = 'alive' \| 'dead'
	type EventType = CellState \| 'nextGeneration'

	type Event<Type> = {
	state: Type
	}
	import React, { useState } from 'react';

	const Button = ({ children, variant = 'button' }) => {
	return (
	<button style={{ background: variant === 'button' ? 'blue' : 'green'}}>
	{ children }
	</button>
	)
	};