Report not properly loading

[emerson-b]

Hi, I've been using extent for the past year across 3 different reports in a pipeline.

The past few weeks, one of the reports has stopped generating properly and loads the html incorrectly. The data in the main report doesn't properly format and all of the side categories show as empty.

Attached is a video of the working report, followed by the broken report (can't upload the html files)

https://github.com/extent-framework/extentreports-csharp/assets/5680833/dcf7fda2-ae10-4ef8-9e59-76a9e4a68bef

Any advice on how to fix the report would be fantastic.

Thanks

[anshooarora]

Would it be possible to share the report with me? I am suspecting an unclosed HTML tag which may be breaking this layout. Anything with < or > remaining unclosed.

[emerson-b]

Sure, here's a link, https://drive.google.com/file/d/1JxopmLULXMbTB37gs-UrZNPJHg-Hvcri/view?usp=drivesdk

[anshooarora]

Hmm, this is a bug.

RawGit has been deprecated and this is occurring because jsontree.js isn't accessible. I will change the endpoint to jsdelivr and push new release.

[anshooarora]

Reference: https://github.com/extent-framework/extentreports-csharp/blob/master/ExtentReports/Views/Spark/Partials/Head.cshtml#L25

Can you run with OfflineMode config?

[anshooarora]

Above fix is now merged. Working on releasing the latest to nuget.

[anshooarora]

You can now use: https://www.nuget.org/packages/ExtentReports/5.0.4

[emerson-b]

Amazing thank you!

[emerson-b]

Hi @anshooarora, this latest version is still causing the above issue to happen. Is there anything else I should look for?

[emerson-b]

I've attached a copy of the report using version 5.0.4 https://drive.google.com/file/d/1fPyHj5xbDx46QMonZpaiWFnSlykELf06/view?usp=sharing

[anshooarora]

Looks like there is some logging that is breaking the overall layout. See below:

<div class="step fail-bg" title="">
  <span>When click the 2nd Data Collection Field</span>
  <div>
    element click intercepted: Element <input name="ctl03$ctl00$G0$G23$Datetime62989_1" type="text" id="ctl03_ctl00_G0_G23_Datetime62989_1" class="inputValueList" real-value=""> is not clickable at point (700, 394). Other element would receive the click: <li data-range-key="...">Today</li>
    (Session info: chrome=126.0.6478.115)    </div>
  <div>

Can you log the above in a <pre></pre> or <textarea></textarea> or use a CodeBlock?

[emerson-b]

Thanks for the info, I'll give that a go!