feat: add response header in debug view

[stu01509]

Please answer these questions before submitting a pull request, or your PR will get closed.

Why submit this pull request?

• Bugfix
• New feature provided
• Improve performance
• Backport patches

What changes will this PR take into?
Add response header tab in debug view.

Related issues

fix/resolve #1680

Checklist:

• Did you explain what problem does this PR solve? Or what new features have been added?
• Have you added corresponding test cases?
• Have you modified the corresponding document?
• Is this PR backward compatible? If it is not backward compatible, please discuss on the mailing list first

[stu01509]

Hi @nic-chen

Could you guide me how to solve Backend E2E test error when you have time?

[nic-chen]

Hi @nic-chen

Could you guide me how to solve Backend E2E test error when you have time?

hi @stu01509

Just add header content to the assertion.

[stu01509]

Just add header content to the assertion.

OK, I will do add it :)

[liuxiran]

Hi @stu01509 , thanks for your nice work.
since you added a new tab for the response results area, you have to modify the fe e2e test cases at the same time to fix the fe e2e test failure

Try to add cy.get('#rc-tabs-1-tab-response').should('be.visible').click(); after each cy.wait('@DebugAPI'); in the https://github.com/apache/apisix-dashboard/blob/master/web/cypress/integration/route/online-debug.spec.js

Or just put the Response(Response Body would be better) before Response Header is also a better choice, for most users will pay attention to the response body first.

[codecov-io]

Codecov Report

Merging #1691 (00ddb7f) into master (17186a0) will decrease coverage by 1.12%.
The diff coverage is 100.00%.

❗ Current head 00ddb7f differs from pull request most recent head b664569. Consider uploading reports for the commit b664569 to get more accurate results

@@            Coverage Diff             @@
##           master    #1691      +/-   ##
==========================================
- Coverage   72.70%   71.57%   -1.13%     
==========================================
  Files         133       47      -86     
  Lines        5738     3128    -2610     
  Branches      666        0     -666     
==========================================
- Hits         4172     2239    -1933     
+ Misses       1323      646     -677     
  Partials      243      243              

Flag	Coverage Δ
backend-e2e-test	62.37% <100.00%> (+0.02%)	⬆️
backend-e2e-test-ginkgo	48.65% <100.00%> (+0.03%)	⬆️
backend-unit-test	52.25% <ø> (-0.04%)	⬇️
frontend-e2e-test	?

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...l/handler/route_online_debug/route_online_debug.go	76.78% <100.00%> (+0.85%)	⬆️
api/internal/core/store/store.go	88.55% <0.00%> (-0.61%)	⬇️
web/src/pages/Route/components/Step1/index.tsx
web/src/pages/Route/Create.tsx
web/src/components/Plugin/PluginDetail.tsx
web/src/components/Plugin/service.ts
...c/pages/Route/components/ResultView/ResultView.tsx
web/src/pages/SSL/List.tsx
web/src/components/Upstream/UpstreamForm.tsx
web/src/services/tool.ts
... and 77 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 17186a0...b664569. Read the comment docs.

[juzhiyuan]

good good

[Jaycean]

Great changes.

[liuxiran]

merged, thanks for your contribution~!