How to deal with Fragments?

[Sam-Kruglov]

Given I'm mocking a query like this:

const createTx: () => schema.Transaction = () =>  ({ value: 'txValue' })
mockRequestHandler.withResolvers({
    Query: {
      transactions: () => createTx()
    }
})

Then I'm reusing the createTx in my tests like this:

render(<Tx tx={createTx()}/>)
...userEvent, expect, etc

But there's an alias in my actual query:

transactions {
  ...Tx
}

fragment Tx on Transaction {
  value: myValue
}

So, while in the <Tx> component, I'm not getting myValue since createTx returns an object with value instead.

I am using graphql-codegen, so I have TxFragment type available, but I don't see how I can convert the raw type (schema.Transaction) into the fragment. What's the recommended approach?

Here's my workaround:

const createTx: () => schema.Transaction & Pick<TxFragment, 'myValue'> = () =>  ({ value: 'txValue', myValue: 'txValue' })

Just hardcoding specific differences so that type casting works in both places. But it's a hack

[phryneas]

You are still very much think from the perspective of a consumer - try to think more from the perspective of a server.

How would a server implement a schema to serve this?
It wouldn't know if you have fragments or not, or which shape your query has, it would just implement the types and fields you are asking for in the end.