Why error handling differs from REST in GraphQL - Test Your Understanding

Practice - 5 Tasks

1fill in blank

easy

Complete the code to query a GraphQL API for a user's name.

GraphQL

query { user(id: [1]) { name } }

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

AuserId

B"123"

C123

D'123'

Attempts:

3 left

💡 Hint

Common Mistakes

Using unquoted numbers for string IDs

Using single quotes instead of double quotes

The user ID must be a string in quotes in GraphQL queries.

2fill in blank

medium

Complete the code to handle errors in a GraphQL response.

GraphQL

if (response.[1]) { console.error(response.errors); }

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

Aerrors

Bdata

Cstatus

Dmessage

Attempts:

3 left

💡 Hint

Common Mistakes

Checking 'data' instead of 'errors'

Checking HTTP status codes only

GraphQL responses include an 'errors' field when errors occur.

3fill in blank

hard

Fix the error in the GraphQL query to fetch a user's email.

GraphQL

query { user(id: [1]) { email } }

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

A'123'

B123

C"123"

DuserId

Attempts:

3 left

💡 Hint

Common Mistakes

Using unquoted numbers

Using single quotes instead of double quotes

The ID must be a string in double quotes for the query to work correctly.

4fill in blank

hard

Fill both blanks to check if a GraphQL response has errors and log them.

GraphQL

if (response.[1] && response.[2].length > 0) { console.log('Errors found'); }

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

Aerrors

Bdata

Cstatus

Dmessage

Attempts:

3 left

💡 Hint

Common Mistakes

Checking 'data' or 'status' instead of 'errors'

GraphQL errors are in the 'errors' array; check if it exists and has items.

5fill in blank

hard

Fill all three blanks to extract data, check errors, and handle them in GraphQL response.

GraphQL

const [1] = response.[2];
if (response.[3]) { console.error('GraphQL errors:', response.errors); }

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

Adata

Cerrors

Dstatus

Attempts:

3 left

💡 Hint

Common Mistakes

Checking 'status' instead of 'errors'

Not extracting 'data' properly

Extract 'data' from response, check 'errors' field to handle errors.

Practice

1. In GraphQL, how are errors handled differently compared to REST APIs?

easy

A. GraphQL returns data and errors together in one response.

B. GraphQL stops execution and returns only errors without data.

C. GraphQL returns errors as HTTP status codes only.

D. GraphQL does not provide any error details to the client.

Solution

1. Step 1: Understand REST error handling

   REST APIs usually return errors as HTTP status codes and no data when an error occurs.

2. Step 2: Understand GraphQL error handling

   GraphQL returns both data and errors together in one response, allowing partial data delivery.

3. Final Answer:

   GraphQL returns data and errors together in one response. -> Option A

4. Quick Check:

   GraphQL response = data + errors [OK]

Hint: Remember GraphQL sends data and errors together [OK]

Common Mistakes:

• Thinking GraphQL only returns errors without data
• Confusing HTTP status codes with GraphQL error handling
• Assuming GraphQL hides error details

2. Which part of a GraphQL response contains error details?

easy

A. The data field

B. The HTTP status code

C. The errors field

D. The extensions field only

Solution

1. Step 1: Identify error location in GraphQL response

   GraphQL responses include an errors field that lists error messages and details.

2. Step 2: Differentiate from other fields

   The data field contains the requested data, HTTP status codes are not used for errors, and extensions may have extra info but not main errors.

3. Final Answer:

   The errors field -> Option C

4. Quick Check:

   Error details = errors field [OK]

Hint: Errors are always in the 'errors' field [OK]

Common Mistakes:

• Looking for errors in the data field
• Relying on HTTP status codes for errors
• Confusing extensions with errors

3. Given this GraphQL response:

{"data": {"user": null}, "errors": [{"message": "User not found", "path": ["user"]}]}

What does this response mean?

medium

A. The user exists but has no data.

B. The query failed completely and no data is returned.

C. The server returned a syntax error in the query.

D. Partial data is returned; user field is null due to an error.

Solution

1. Step 1: Analyze the data field

   The data field shows "user": null, meaning no user data was returned.

2. Step 2: Analyze the errors field

   The errors field shows "User not found" with path ["user"], indicating an error related to the user field.

3. Final Answer:

   Partial data is returned; user field is null due to an error. -> Option D

4. Quick Check:

   Partial data + error path = null field [OK]

Hint: Null data with errors means partial failure [OK]

Common Mistakes:

• Assuming no data means full failure
• Ignoring the errors field
• Thinking user exists without data

4. You receive this GraphQL response:

{"data": {"post": {"title": "Hello World"}}, "errors": [{"message": "Author not found", "path": ["post", "author"]}]}

What is the likely issue?

medium

A. The post data is returned but author field caused an error.

B. The server returned no data at all.

C. The entire query failed due to syntax error.

D. The author field is missing from the query.

Solution

1. Step 1: Check the data field

   The data field contains post with a title, so some data is returned.

2. Step 2: Check the errors field

   The error message "Author not found" with path ["post", "author"] shows the error is specific to the author field inside post.

3. Final Answer:

   The post data is returned but author field caused an error. -> Option A

4. Quick Check:

   Data present + error path = partial error [OK]

Hint: Error path shows which field failed [OK]

Common Mistakes:

• Assuming full query failure
• Ignoring error path details
• Thinking missing field means query error

5. Why does GraphQL include the error path in its error messages?

hard

A. To replace HTTP status codes for error classification.

B. To indicate the exact field causing the error for better client handling.

C. To hide sensitive server information from clients.

D. To provide a list of all fields in the query.

Solution

1. Step 1: Understand the purpose of error path

   The path shows the exact location in the query where the error happened.

2. Step 2: Understand client benefit

   This helps clients know which part of the data failed and handle partial data properly.

3. Final Answer:

   To indicate the exact field causing the error for better client handling. -> Option B

4. Quick Check:

   Error path = pinpoint error location [OK]

Hint: Error path points to problem field [OK]

Common Mistakes:

• Thinking path replaces HTTP status codes
• Assuming path hides server info
• Confusing path with full query fields