gistfile1.txt

// ~/tests/api/thing.test.ts
import 'isomorphic-fetch' // because otherwise NextRequest and NextResponse aren't defined??
import { createRequest, createResponse } from "node-mocks-http"
import { GET, POST } from "~/app/api/thing/route"
import type { Thing } from "~/types/thing"

descrive("/api/thing", () => {
  test("creates a new thing with valid data", async () => {
    const thing: Thing = {
      title: "test title",
      purpose: "test purpose"
    }
    
    const req = createRequest({
      method: "POST",
      url: "/api/thing",
      headers: {
        "Content-Type": "application/json"
      },
      body: thing
    }
    
    const res = await POST(req) // at this point it goes to the route handler function, never to return...
    // the rest of the code
  })
})


// ~/app/api/thing/route.ts
import { NextRequest, NextResponse } from "next/server"

export async function POST(request: NextRequest) {
  const { title, purpose } = await request.json()
  // at this point (line 33) it errors with request.json is not a function, however, when I test the routes manually with
  // npm run dev and hitting them with postman this works fine

  // rest of the code that doesn't get reached during the test...
}

import { EventEmitter } from 'stream';
import { NextRequest, NextResponse } from 'next/server';

export async function POST(request: NextRequest) {
  try {
    let { title, purpose } = {};

    if (request instanceof EventEmitter) {
      // If it's an instance of EventEmitter, use request.body directly
      title = request.body.title;
      purpose = request.body.purpose;
    } else {
      // Otherwise, use request.json()
      ({ title, purpose } = await request.json());
    }

    // Rest of the code
  } catch (error) {
    console.error(error);
    // Handle errors as needed
  }
}