Debugging Test - Githubissues

vibha-yganji / student-vibha

Base repository where all work for 2 trimesters of CSP was done; contains reflections and overviews of work completed during this time

https://vibha-yganji.github.io/student-vibha/

MIT License

0 stars 0 forks source link

Debugging Test #4

Open vibha-yganji opened 4 months ago

vibha-yganji commented 4 months ago

Error of Interest

Issue - Login does not work despite entering a registered user.

I create a new user and enter the corresponding credentials on login page that I am redirected to following successful login.

The schema table on the backend is update with the details of the new user.

Attempting to provide the same credentials in the login gives a Failed to Fetch error in the Chrome Dev Tools console.

Debugging Steps

[x] Start backend using Debugging

[x] Set break point at the beginning of endpoint code

A breakpoint is inside of the Security class in the backend which is the API endpoint for the login/authentication function.

[x] Start frontend with split screen loading source for an API fetch using GET.

[x] Set break point on fetch, inside .then, inside .fetch
Breakpoints are set in the fetch statement at both the fetch statement and the lines that are responsible for API error handling.
[x] Run frontend, screen capture break at fetch while examining Body
the body can be seen to contain the both the username and password that was entered into the login form fields.

[x] Press play on frontend, observe stop inside of backend
Running fetch statement on frontend causes the backend to stop at the breakpoint set inside of the login endpoint.

[x] Press step over on backend until you have obtained data from database, screen capture Python Object
Stepping through the backend allows me to see both the uid and password stored in the body proving that the login error does not arise from the fetch statement.

Stepping further through the backend shows that the error arises from jsonify.

[x] Press play button to end backend debugging session.
[x] Return to frontend debug session
[x] Step in until you see data, screen capture capturing break point and Data.

hanr12 commented 4 months ago

0.86: shows good understanding of how to use the breakpoints to fix the errors, but could show a bit more on the process of how it works

jm1021 commented 4 months ago

Starts off well. Not very convincing when you are asked to show data and steps.