Text report generated for JS based test

[nair-sumesh]

Hi,
I would like to use this reporter in JS based test.
The Html file is generated , however, the file is displayed as plain text and the screenshot path is not properly linked.
The screenshot path

<tr class="test-row screenshot">
  <td colspan="2">
    <div class="screenshotWrapper">
      <img class="toggle screenshot screenshot-small" src="screenshots\0-0\20220127-081421.927\report.html.png"/>
    </div>
   </td>
</tr>

Is this reported not supposed to work at all with JS Code?
Is there a roadmap to make it JS compatible.

[rpii]

That should be fine in js. You also have the option of encoding the image inline by setting reporter option linkScreenshots to false in the both reporters. linkScreenshots: false, That said, that looks like some kind of error filename. look at your logs Rich

…

On Thu, Jan 27, 2022 at 5:35 AM nair-sumesh ***@***.***> wrote: Hi, I would like to use this reporter in JS based test. The Html file is generated , however, the file is displayed as plain text and the screenshot path is not properly linked. The screenshot path <tr class="test-row screenshot"> <td colspan="2"> <div class="screenshotWrapper"> <img class="toggle screenshot screenshot-small" src="screenshots\0-0\20220127-081421.927\report.html.png"/> </div> </td></tr> Is this reported not supposed to work at all with JS Code? Is there a roadmap to make it JS compatible. — Reply to this email directly, view it on GitHub <https://github.com/rpii/wdio-html-reporter/issues/81>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AEABIEO7PPRTKKRTZESXU4LUYFCVDANCNFSM5M55FDQQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[rpii]

Another point. to load the report correctly in a browser relies on the files in the /reports/html-reports folder structure. screenshots is a subfolder of that, so the above url works just fine.

…

On Thu, Jan 27, 2022 at 5:35 AM nair-sumesh ***@***.***> wrote: Hi, I would like to use this reporter in JS based test. The Html file is generated , however, the file is displayed as plain text and the screenshot path is not properly linked. The screenshot path <tr class="test-row screenshot"> <td colspan="2"> <div class="screenshotWrapper"> <img class="toggle screenshot screenshot-small" src="screenshots\0-0\20220127-081421.927\report.html.png"/> </div> </td></tr> Is this reported not supposed to work at all with JS Code? Is there a roadmap to make it JS compatible. — Reply to this email directly, view it on GitHub <https://github.com/rpii/wdio-html-reporter/issues/81>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AEABIEO7PPRTKKRTZESXU4LUYFCVDANCNFSM5M55FDQQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[nair-sumesh]

Another point. to load the report correctly in a browser relies on the files in the /reports/html-reports folder structure. screenshots is a subfolder of that, so the above url works just fine.
…
On Thu, Jan 27, 2022 at 5:35 AM nair-sumesh @.> wrote: Hi, I would like to use this reporter in JS based test. The Html file is generated , however, the file is displayed as plain text and the screenshot path is not properly linked. The screenshot path

Is this reported not supposed to work at all with JS Code? Is there a roadmap to make it JS compatible. — Reply to this email directly, view it on GitHub <#81>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AEABIEO7PPRTKKRTZESXU4LUYFCVDANCNFSM5M55FDQQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub. You are receiving this because you are subscribed to this thread.Message ID: @.>

Thanks @rpii , This worked for the snapshot. However, the HTML still misses the css styles. I dont see any colors or any table border as compared to what this repo displays as a sample.

[rpii]

the report aggregator code copies the internal styles.css to the report folder. You may be getting an error there. On Thu, Jan 27, 2022 at 9:09 AM nair-sumesh ***@***.***> wrote:

…

Another point. to load the report correctly in a browser relies on the files in the /reports/html-reports folder structure. screenshots is a subfolder of that, so the above url works just fine. … <#m_8241836929802309850_> On Thu, Jan 27, 2022 at 5:35 AM nair-sumesh *@*.*> wrote: Hi, I would like to use this reporter in JS based test. The Html file is generated , however, the file is displayed as plain text and the screenshot path is not properly linked. The screenshot path * * Is this reported not supposed to work at all with JS Code? Is there a roadmap to make it JS compatible. — Reply to this email directly, view it on GitHub <#81 <https://github.com/rpii/wdio-html-reporter/issues/81>>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AEABIEO7PPRTKKRTZESXU4LUYFCVDANCNFSM5M55FDQQ <https://github.com/notifications/unsubscribe-auth/AEABIEO7PPRTKKRTZESXU4LUYFCVDANCNFSM5M55FDQQ> . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you are subscribed to this thread.Message ID: @.*> Thanks @rpii <https://github.com/rpii> , This worked for the snapshot. However, the HTML still misses the css styles. I dont see any colors or any table border as compared to what this repo displays as a sample. [image: image] <https://user-images.githubusercontent.com/12034160/151408108-19d23451-2824-4d8c-981b-e165a0136a44.png> — Reply to this email directly, view it on GitHub <https://github.com/rpii/wdio-html-reporter/issues/81#issuecomment-1023450018>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AEABIEMK6ACLQI5PLPB243TUYF32RANCNFSM5M55FDQQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you were mentioned.Message ID: ***@***.***>