Figures for Data Transformation is Good and Mocks are Smells

Architecture 1.js

// Architecture 1

function callApi(x, y, z) {
    manipulate params
    manipulate params some more ...
    return fetch(...)
        .then(result => {
            if (result.status === ...) {
                handle status stuff
            }
            manipulate result
            manipulate result some more ...
            return manipulatedResult
        })
}

Architecture 2.js

// Architecture 2

function callApi(x, y, z) {
    const request = buildRequest(x, y, z)
    return fetch(request)
            .then(assertStatus('callApi', x, y, z))
            .then(parseResponse)

Diagram 1: Types of Code.md

**Diagram 1: Types of Code**

                       high
                       ^                ||
                       ^                ||
                       ^ boring I/O     ||  interesting I/O
                       ^                ||
cost of testing        ^ ================================
                       ^                ||
                       ^                ||
                       ^ boring         ||  interesting
                       ^ transformation ||  transformation
                       ^                ||
                       low >>>>>>>>>>>>>>>>>>>>>>>>>>>>> high
                                benefit of testing

Diagram 2: Should I unit test?.md

**Diagram 2: Should I unit test?**

                       high
                       ^                ||
                       ^                ||
                       ^  don't test    ||  maybe test
                       ^                ||
cost of testing        ^ ================================
                       ^                ||
                       ^                ||
                       ^ maybe test     ||  should test
                       ^                ||
                       ^                ||
                       low >>>>>>>>>>>>>>>>>>>>>>>>>>>>> high
                                benefit of testing

Test for Architecture 1.js

// Test for Architecture 1

fetch = spy().andMockWith(function (args) {
    // pattern matching and pretend games
})
assertSpyStuff
assertMoreSpyStuff
assertMoreSpyStuff

Test for Architecture 2.js

// Test for Architecture 2

assert.deepEqual(
    buildRequest(x, y, z),
    expectedRequest
)

assert.deepEqual(
    parseResponse(response),
    expectedParsedResponse
)