Raw Message Editor #1: Breakpoint Raw Tab Editor

[NghiaTranUIT]

Description

From macOS insight, Many users prefer editing the Breakpoint With Raw Tab (To able to edit Response Header and status code)

⚠️ Ping @NghiaTranUIT to get the class BreakpointRawMessage and BreakpointData for code reference ⚠️

• Video in action:

CleanShot.2023-08-01.at.13.14.32.mp4

Acceptance Criteria

• Support Raw Tab Editor on Breakpoint Response

Important Logic

1. Edit the Header Tab -> End Editing Event fired -> It will automatically update the Raw Message
2. Edit the Raw Message -> End editing event fired -> Automatic parse the raw message to Header and Status code -> Make sure it updates the data in the Header + Status Code too
3. Reuse the class HttpParserService to parse the data and get correct
4. Auto-Completion for Header Key, Header Value, HTTP version, and HTTP Status Code (as a Video) -> Reference Monaco Editor for the implementation.

Note:

When implementing this ticket, please beware that we will have the Raw Tab Editor for the Request part too (Breakpoint Request and Compose). It's for future ticket

[NghiaTranUIT]

Update Requirement

• When the text editor is changed -> Debounce on 0.3s and validate the HTTP Message
• Show the error if it's invalid -> Check out the macOS to see what error messages

[NghiaTranUIT]

Test Scenarios

1. Open the Raw Tab on Breakpoint Response
2. Select All and remove all text
3. Able to write the HTTP Message from the beginner -> Make sure auto-completion is working (suggest HTTP Version, Status Code, Header, and Value)
4. Click Execute -> Make sure the data is correct

Unit Tests

Ping @NghiaTranUIT to get Unit Tests files:

• BreakpointRawMessageTests: Test the HTTP Parser

1. Breakpoint Service with Raw Message

1. Setup similar Unit Test when we test the Breakpoint Service
2. Edit the Raw Message of the Breakpoint Response -> Change the Status code, header, ...
3. Make a request to https://httpbin.proxyman.app
4. Verify the Response is corrected and that we've changed in the Raw Message

Write similar unit tests