Parent (root) argument in GraphQL - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to define a resolver that accesses the parent argument.

GraphQL

const resolvers = { Query: { user: ([1], args, context) => { return getUserById(args.id); } } };

Drag options to blanks, or click blank then click option'

Aparent

Bargs

Ccontext

Dinfo

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'args' as the first argument instead of 'parent'.

Confusing 'context' with the parent argument.

The first argument in a resolver is the parent (or root) object, which contains the result of the previous resolver in the chain.

2fill in blank

medium

Complete the resolver to access a field from the parent argument.

GraphQL

const resolvers = { User: { fullName: ([1]) => { return `${parent.firstName} ${parent.lastName}`; } } };

Drag options to blanks, or click blank then click option'

Aargs

Binfo

Ccontext

Dparent

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'args' to access user fields instead of 'parent'.

Forgetting to include the parent argument in the resolver.

The parent argument contains the user object, so you can access its fields like parent.firstName.

3fill in blank

hard

Fix the error in the resolver by correctly naming the parent argument.

GraphQL

const resolvers = { User: { age: ([1], args) => { return parent.age; } } };

Drag options to blanks, or click blank then click option'

Aparent

Bargs

Ccontext

Dinfo

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'args' as the first argument but referencing 'parent' inside the function.

Not passing the parent argument at all.

The first argument must be named parent to access the previous resolver's result.

4fill in blank

hard

Fill both blanks to correctly destructure the parent argument and access args.

GraphQL

const resolvers = { Query: { post: ([1], [2]) => { return getPostById(args.id); } } };

Drag options to blanks, or click blank then click option'

Aparent

Bargs

Ccontext

Dinfo

Attempts:

3 left

💡 Hint

Common Mistakes

Swapping the order of arguments.

Using 'context' instead of 'args' for query parameters.

The first argument is parent, the second is args which contains query arguments.

5fill in blank

hard

Fill all three blanks to define a resolver using parent, args, and context arguments.

GraphQL

const resolvers = { Mutation: { updateUser: ([1], [2], [3]) => { return updateUserInDb(args.id, args.input, context.db); } } };

Drag options to blanks, or click blank then click option'

Aparent

Bargs

Ccontext

Dinfo

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing up the order of arguments.

Using 'info' instead of 'context' for database access.

The resolver function receives parent, args, and context in that order.

Practice

1. What does the parent argument represent in a GraphQL resolver function?

easy

A. It is the root query object that starts the GraphQL execution.

B. It is the context object shared across all resolvers.

C. It contains the arguments passed to the current query.

D. It holds the result of the previous resolver in the resolver chain.

Solution

1. Step 1: Understand resolver chaining

   Resolvers can be nested, so the parent argument holds the output of the previous resolver in the chain.

2. Step 2: Differentiate from other arguments

   The context is shared globally, args are query inputs, and root is the initial query object, not the parent.

3. Final Answer:

   It holds the result of the previous resolver in the resolver chain. -> Option D

4. Quick Check:

   parent = previous resolver result [OK]

Hint: Remember: parent is previous resolver's output [OK]

Common Mistakes:

• Confusing parent with context
• Thinking parent holds query arguments
• Assuming parent is always the root query

2. Which of the following is the correct way to define a resolver function using the parent argument in GraphQL?

easy

A. resolver(parent, args, context, info) { ... }

B. resolver(args, parent, context, info) { ... }

C. resolver(context, parent, args, info) { ... }

D. resolver(info, args, parent, context) { ... }

Solution

1. Step 1: Recall resolver argument order

   The standard resolver function signature is resolver(parent, args, context, info).

2. Step 2: Verify argument positions

   Only resolver(parent, args, context, info) { ... } matches the correct order with parent as the first argument.

3. Final Answer:

   resolver(parent, args, context, info) { ... } -> Option A

4. Quick Check:

   Parent is first argument in resolver [OK]

Hint: Parent is always first argument in resolver [OK]

Common Mistakes:

• Swapping parent and args positions
• Placing context before parent
• Misordering resolver parameters

3. Given the following GraphQL schema and resolvers, what will be the output of the query { user { id name posts { title } } }?

type User {
  id: ID!
  name: String!
  posts: [Post!]!
}

type Post {
  title: String!
}

const resolvers = {
  User: {
    posts(parent) {
      return postsData.filter(post => post.userId === parent.id);
    }
  }
};

const postsData = [
  { title: "Post 1", userId: "1" },
  { title: "Post 2", userId: "2" },
  { title: "Post 3", userId: "1" }
];

medium

A. { "user": { "id": "2", "name": "Bob", "posts": [{ "title": "Post 1" }, { "title": "Post 3" }] } }

B. { "user": { "id": "1", "name": "Alice", "posts": [{ "title": "Post 2" }] } }

C. { "user": { "id": "1", "name": "Alice", "posts": [{ "title": "Post 1" }, { "title": "Post 3" }] } }

D. Error: posts resolver missing parent argument

Solution

1. Step 1: Understand parent argument usage in posts resolver

   The posts resolver uses parent.id to filter posts belonging to the user.

2. Step 2: Match posts with user id "1"

   Posts with userId === "1" are "Post 1" and "Post 3".

3. Final Answer:

   { "user": { "id": "1", "name": "Alice", "posts": [{ "title": "Post 1" }, { "title": "Post 3" }] } } -> Option C

4. Quick Check:

   Parent.id filters posts correctly [OK]

Hint: Parent holds user data to filter posts [OK]

Common Mistakes:

• Ignoring parent.id and returning all posts
• Mixing user IDs in filtering
• Assuming posts resolver lacks parent argument

4. Identify the error in this resolver function using the parent argument:

const resolvers = {
  User: {
    posts(args) {
      return postsData.filter(post => post.userId === args.id);
    }
  }
};

medium

A. The resolver should not use filter on postsData.

B. The resolver is missing the parent argument as the first parameter.

C. The resolver should use context instead of args.

D. The resolver function name should be Posts with uppercase P.

Solution

1. Step 1: Check resolver function parameters

   The resolver function must have parent as the first argument to access parent data.

2. Step 2: Identify misuse of args instead of parent

   The code incorrectly uses args.id instead of parent.id to filter posts.

3. Final Answer:

   The resolver is missing the parent argument as the first parameter. -> Option B

4. Quick Check:

   Parent argument must be first in resolver [OK]

Hint: Always include parent as first resolver argument [OK]

Common Mistakes:

• Using args instead of parent for parent data
• Ignoring resolver parameter order
• Assuming function name case matters

5. You want to fetch a list of books with their authors' names using nested resolvers. The Book type has an authorId field, and the Author type has id and name. How should you use the parent argument in the author resolver inside Book to get the correct author name?

hard

A. Use parent.authorId to find the author by matching id.

B. Use args.authorId to find the author by matching id.

C. Use context.authorId to find the author by matching id.

D. Use info.authorId to find the author by matching id.

Solution

1. Step 1: Understand nested resolver data flow

   The author resolver inside Book receives the book object as parent.

2. Step 2: Access authorId from parent to find author

   Use parent.authorId to look up the author by matching id in authors data.

3. Final Answer:

   Use parent.authorId to find the author by matching id. -> Option A

4. Quick Check:

   Parent holds book data, use parent.authorId [OK]

Hint: Parent holds book; use parent.authorId for author lookup [OK]

Common Mistakes:

• Using args instead of parent for authorId
• Trying to get authorId from context or info
• Ignoring parent argument in nested resolver