Report CSS breaks with snippet highlight endpoint

[camilamaia]

Bug report

Environment

• Operating System: MacOS
• ScanAPI version: 2.4.0

Description of the bug

Report CSS breaks when ScanAPI hits snippet highlight endpoint from Demo API.

Expected behavior ?

The report should look like this:

but showing the snippets highlight endpoint too.

How to reproduce the bug ?

• Clone scanapi-examples.
• Checkout the branch scanapi-400
• Run ScanAPI for demo-api: https://github.com/scanapi/examples/blob/scanapi-400/demo-api/README.md

[hebertjulio]

Hey @camilamaia ,

When I runned scanapi using the scanapi-400 branch, I receive a HTML code as response.

Something changed?

Thanks

[camilamaia]

@hebertjulio 🤔 Which browser are you using?

[camilamaia]

I tested it here again with

• safari Version 14.1.1 (16611.2.7.1.4)
• firefox 89.0.2 (64-bit)
• chrome Version 91.0.4472.114 (Official Build) (x86_64)

and they all have the same behavior I described before.

Would you mind downloading directly this file and trying to open it? https://github.com/scanapi/examples/blob/scanapi-400/demo-api/scanapi-report.html to see what happens.

[hebertjulio]

@camilamaia I am using firefox 89.0.2 (64-bit). I think this is related to the body of response or render of report. I running again and get same result, I can not reproduce it. 🤔

P.S. When I open your report file I can see CSS breaks.

[camilamaia]

@hebertjulio weird.... which ScanAPI version and Python version are you using? Here is my setup:

(scanner-test)
▶ pip freeze
appdirs==1.4.4
certifi==2020.12.5
chardet==3.0.4
click==7.1.2
curlify2==1.0.0
idna==2.10
Jinja2==2.11.2
MarkupSafe==1.1.1
PyYAML==5.3.1
requests==2.24.0
responses==0.12.1
scanapi==2.4.0
six==1.15.0
urllib3==1.25.11

(scanner-test)
▶ python --version
Python 3.6.10

Let me try to upgrade Python and see what happens

[camilamaia]

With Python 3.9.0 i got the same scenario as before... 🤔

[camilamaia]

@Pradhvan or @marcuxyz do you have any ideas here? Would you mind trying it too so we can compare?

[camilamaia]

@hebertjulio one idea would be to compare the source code of the two different reports and see what are the differences.

[hebertjulio]

I am running.

Python 3.9.5

Package    Version
---------- ---------
appdirs    1.4.4
certifi    2020.12.5
chardet    3.0.4
click      7.1.2
curlify2   1.0.0
idna       2.10
Jinja2     2.11.2
MarkupSafe 1.1.1
pip        21.0.1
PyYAML     5.3.1
requests   2.24.0
responses  0.12.1
scanapi    2.4.0
setuptools 53.0.0
six        1.15.0
urllib3    1.25.11
wheel      0.36.2

Linux 13499 5.11.20-300.fc34.x86_64 #1 SMP Wed May 12 12:45:10 UTC 2021 x86_64 x86_64 x86_64 GNU/Linux

With Python 3.6.10, I had been issues with pip and poetry.

😢

[hebertjulio]

I running again with Python 3.6.10 and take same result. This happen only on iOS? 🤔

[camilamaia]

Hmmmm, maybe! @barbosa can you give us a hand here? I think you are the only one besides me that is also using macOS. Would you mind trying to reproduce the error, please? Instructions are in the issue description.

[camilamaia]

Oh, @astenstrasser also uses mac! Can you give us some help here, please? 😇

[barbosa]

Hey @camilamaia - not sure if I understand what is broken. Is it the background that was supposed to be grey but it is white instead?

[camilamaia]

Hey @camilamaia - not sure if I understand what is broken. Is it the background that was supposed to be grey but it is white instead?

Yes, exactly.

When you run locally, how is the background for you? And also, the content of the highlight response is an html code or is it the code block rendered?

Is it like this?

or like that?