tRPC•3y ago

Unable to mock unstable_batchStreamLink network response

Hi there! I have a couple API endpoints that call third party dependencies and would like to mock a network response for these calls during my playwright tests. I've been using

batchHttpLink

batchHttpLink

previously and mocking the following API route worked perfectly:

const deleteOrganization = page.route(endpointPath("authed.organization.delete"), (route) =>
            route.fulfill({
                status: 200,
                body: JSON.stringify([
                  { result: { data: { json: { success: true } }, meta: { values: {} } } },
                ]),
                headers: { 'Content-Type': 'application/json' },
              })
        )

const deleteOrganization = page.route(endpointPath("authed.organization.delete"), (route) =>
            route.fulfill({
                status: 200,
                body: JSON.stringify([
                  { result: { data: { json: { success: true } }, meta: { values: {} } } },
                ]),
                headers: { 'Content-Type': 'application/json' },
              })
        )

However when I use

unstable_batchStreamLink

unstable_batchStreamLink

this returns an error stating

Unexpected non-whitespace character after JSON at position 55

Unexpected non-whitespace character after JSON at position 55

which kinda makes sense because it should be streaming a response back instead of immediately receiving a JSON object. But I'm kind of stumped on how I can update my mock response call to satisfy TRPC to return that streamed data instead?

Anyone have insight on how to handle this? Thanks a lot for your time!

Unable to mock unstable_batchStreamLink network response

Hi there! I have a couple API endpoints that call third party dependencies and would like to mock a network response for these calls during my playwright tests. I've been using

batchHttpLink

batchHttpLink

previously and mocking the following API route worked perfectly:

const deleteOrganization = page.route(endpointPath("authed.organization.delete"), (route) =>
            route.fulfill({
                status: 200,
                body: JSON.stringify([
                  { result: { data: { json: { success: true } }, meta: { values: {} } } },
                ]),
                headers: { 'Content-Type': 'application/json' },
              })
        )

const deleteOrganization = page.route(endpointPath("authed.organization.delete"), (route) =>
            route.fulfill({
                status: 200,
                body: JSON.stringify([
                  { result: { data: { json: { success: true } }, meta: { values: {} } } },
                ]),
                headers: { 'Content-Type': 'application/json' },
              })
        )

However when I use

unstable_batchStreamLink

unstable_batchStreamLink

this returns an error stating

Unexpected non-whitespace character after JSON at position 55

Unexpected non-whitespace character after JSON at position 55

Unable to mock unstable_batchStreamLink network response

Similar Threads

Unable to mock unstable_batchStreamLink network response

Similar Threads

Similar Threads

Similar Threads