kevgathuku

import React from 'react';
import logo from './logo.svg';
import './App.css';

// Add these two imports
import Elm from 'react-elm-components';
import Main from "./Main";

function App() {
  return (

kevgathuku

-- Extracted from: https://guide.elm-lang.org
-- Read more about this program in the official Elm guide:
-- https://guide.elm-lang.org/architecture/buttons.html

module Main exposing (main)

import Browser
import Html exposing (Html, button, div, text)
import Html.Events exposing (onClick)

kevgathuku

// https://stackoverflow.com/a/30638226
// When printing an “Element” Chrome developer tools will request the 'id' property
// If the 'id' property is fetched, then the devtools is open
let checkStatus;
let customElement = document.createElement('p');

document.body.appendChild(customToString);

let element = new Image();
Object.defineProperty(element, 'id', {

kevgathuku

componentDidUpdate(prevProps, prevState) {
  Object.entries(this.props).forEach(([key, val]) =>
    prevProps[key] !== val && console.log(`Prop '${key}' changed`)
  );
  Object.entries(this.state).forEach(([key, val]) =>
    prevState[key] !== val && console.log(`State '${key}' changed`)
  );
}

kevgathuku

(defn compute-collatz [num steps]
  (cond
     (= num 1) steps
     (even? num) (compute-collatz (/ num 2) (inc steps))
     (odd? num)  (compute-collatz (+ 1 (* num 3)) (inc steps))))


(defn collatz [num]
  {:pre [(pos? num)]}
  (compute-collatz num 0))

kevgathuku

(defn compute-collatz [num steps]
  (cond
     (= num 1) steps
     (even? num) (compute-collatz (/ num 2) (inc steps))
     (odd? num)  (compute-collatz (+ 1 (* num 3)) (inc steps))))


(defn collatz [num]
  ; Check if the provided number is positive. If not throw an error
  (if

kevgathuku

import React from 'react';
import EventComponent from './EventComponent';
import { mount } from 'enzyme';
import {
  createStartTouchEventObject,
  createMoveTouchEventObject
} from './EventHelpers.js';

describe('EventComponent', () => {

kevgathuku

module Main exposing (main)

import Browser
import Html exposing (Html, button, div, text)
import Html.Events exposing (onClick)


type alias Model =
    { count : Int }

kevgathuku

let arr = [];
for (var i = 0; i < 10; i++) {
  arr.push(function() {console.log(i)});
}

let x = 0;
while (x < 10) {
  arr[x]();
  x++;
}

kevgathuku

Mocking an imported function to return different values for different tests

In the top level:

import getVisibleDays from 'react-dates/lib/utils/getVisibleDays';

jest.mock('react-dates/lib/utils/getVisibleDays', () => {
  const moment = require('moment');
  return jest.fn().mockReturnValue({
 '2018-01': [