search

webdriverio-community / wdio-html-reporter

Fork of wdio-html-format-reporter
MIT License
18 stars 27 forks source link

Text report generated for JS based test #81

Open nair-sumesh opened 2 years ago

nair-sumesh commented 2 years ago

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 commented 2 years ago

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

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 commented 2 years ago

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 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 commented 2 years ago

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. image

rpii commented 2 years ago

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. … <#m8241836929802309850> 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

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: @.***>