search

webdriverio-community / wdio-html-reporter

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

generated html reports do not have styling #73

Closed manojkrmadhu closed 2 years ago

manojkrmadhu commented 2 years ago

Version : 7.8.5

The HTML reports generated after the tests run are missing styling

image

It works only when I manually copy paste the 'report-styles.css' and 'glyphicons-halflings-regular.woff' files from the source code into the folder where html report file resides

Also see in the attachment, the HTML structure is incorrect

rpii commented 2 years ago

So your report generation is not completing. those files are copied automatically at the end of the report. Turn on logging for the reporter and see what is happening.

Rich

On Fri, Sep 17, 2021 at 4:38 PM Manoj @.***> wrote:

Version : 7.8.5

The HTML reports generated after the tests run are missing styling

[image: image] https://user-images.githubusercontent.com/3405579/133863623-6adff867-804e-4f74-947d-1c121e555688.png

It works only when I manually copy paste the 'report-styles.css' and 'glyphicons-halflings-regular.woff' files from the source code into the folder where html report file resides

Also see in the attachment, the HTML structure is incorrect

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/rpii/wdio-html-reporter/issues/73, or unsubscribe https://github.com/notifications/unsubscribe-auth/AEABIEIIFGC5SDDKBAN4PA3UCPGKVANCNFSM5EIQR4IQ . 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.

manojkrmadhu commented 2 years ago

This is the log output - [2021-09-17T17:20:11.674] [INFO] default - onRunnerStart: 0-0 [2021-09-17T17:20:11.682] [INFO] default - onHookStart: 0-0:hook-0-0 [2021-09-17T17:20:11.684] [INFO] default - onHookEnd: 0-0:hook-0-0 [2021-09-17T17:20:11.685] [INFO] default - onSuiteStart: 0-0:suite-0-0 [2021-09-17T17:20:11.686] [INFO] default - onTestStart: 0-0:test-00-0 [2021-09-17T17:20:13.710] [INFO] default - onRunnerStart: 0-1 [2021-09-17T17:20:13.718] [INFO] default - onHookStart: 0-1:hook-0-0 [2021-09-17T17:20:13.720] [INFO] default - onHookEnd: 0-1:hook-0-0 [2021-09-17T17:20:13.721] [INFO] default - onSuiteStart: 0-1:suite-0-0 [2021-09-17T17:20:13.722] [INFO] default - onTestStart: 0-1:test-00-0 [2021-09-17T17:20:24.779] [INFO] default - onTestPass: 0-0:test-00-0 [2021-09-17T17:20:24.780] [INFO] default - onTestEnd: 0-0:test-00-0 [2021-09-17T17:20:24.781] [INFO] default - onTestStart: 0-0:test-00-1 [2021-09-17T17:20:27.186] [INFO] default - onTestPass: 0-1:test-00-0 [2021-09-17T17:20:27.187] [INFO] default - onTestEnd: 0-1:test-00-0 [2021-09-17T17:20:27.188] [INFO] default - onTestStart: 0-1:test-00-1 [2021-09-17T17:20:28.198] [INFO] default - onTestPass: 0-1:test-00-1 [2021-09-17T17:20:28.199] [INFO] default - onTestEnd: 0-1:test-00-1 [2021-09-17T17:20:28.202] [INFO] default - onSuiteEnd: 0-1:suite-0-0 [2021-09-17T17:20:28.206] [INFO] default - onSuiteStart: 0-1:suite-0-1 [2021-09-17T17:20:28.207] [INFO] default - onTestStart: 0-1:test-01-0 [2021-09-17T17:20:35.590] [INFO] default - onTestPass: 0-0:test-00-1 [2021-09-17T17:20:35.591] [INFO] default - onTestEnd: 0-0:test-00-1 [2021-09-17T17:20:35.593] [INFO] default - onSuiteEnd: 0-0:suite-0-0 [2021-09-17T17:20:35.597] [INFO] default - onHookStart: 0-0:hook-0-1 [2021-09-17T17:20:35.598] [INFO] default - onHookEnd: 0-0:hook-0-1 [2021-09-17T17:20:35.951] [INFO] default - onTestPass: 0-1:test-01-0 [2021-09-17T17:20:35.952] [INFO] default - onTestEnd: 0-1:test-01-0 [2021-09-17T17:20:35.953] [INFO] default - onTestStart: 0-1:test-01-1 [2021-09-17T17:20:36.070] [INFO] default - onRunnerEnd: 0-0 [2021-09-17T17:20:36.071] [INFO] default - Html Generation started [2021-09-17T17:20:36.132] [INFO] default - Html Generation completed [2021-09-17T17:20:36.878] [INFO] default - onTestPass: 0-1:test-01-1 [2021-09-17T17:20:36.878] [INFO] default - onTestEnd: 0-1:test-01-1 [2021-09-17T17:20:36.878] [INFO] default - onSuiteEnd: 0-1:suite-0-1 [2021-09-17T17:20:36.880] [INFO] default - onHookStart: 0-1:hook-0-1 [2021-09-17T17:20:36.881] [INFO] default - onHookEnd: 0-1:hook-0-1 [2021-09-17T17:20:37.325] [INFO] default - onRunnerEnd: 0-1 [2021-09-17T17:20:37.330] [INFO] default - Html Generation started [2021-09-17T17:20:37.406] [INFO] default - Html Generation completed

rpii commented 2 years ago

you should see

[2021-09-15T18:35:22.245] [INFO] default - copyfiles complete : C:\Users...\node_modules\wdio-html-nice-reporter\css\ to C:\Users...\reports\html-reports\

at the bottom of your console output

On Fri, Sep 17, 2021 at 4:38 PM Manoj @.***> wrote:

Version : 7.8.5

The HTML reports generated after the tests run are missing styling

[image: image] https://user-images.githubusercontent.com/3405579/133863623-6adff867-804e-4f74-947d-1c121e555688.png

It works only when I manually copy paste the 'report-styles.css' and 'glyphicons-halflings-regular.woff' files from the source code into the folder where html report file resides

Also see in the attachment, the HTML structure is incorrect

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/rpii/wdio-html-reporter/issues/73, or unsubscribe https://github.com/notifications/unsubscribe-auth/AEABIEIIFGC5SDDKBAN4PA3UCPGKVANCNFSM5EIQR4IQ . 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.

rpii commented 2 years ago

it doesnt look liek you have the report aggregator setup per the readme. you should also have at the end:

[2021-09-15T18:35:22.042] [INFO] default - Report Aggregation started [2021-09-15T18:35:22.095] [INFO] default - Aggregated 2 specs, 2 suites, 2 reports, [2021-09-15T18:35:22.096] [INFO] default - Html Generation started [2021-09-15T18:35:22.207] [INFO] default - Html Generation completed [2021-09-15T18:35:22.208] [INFO] default - Report Aggregation completed

On Fri, Sep 17, 2021 at 5:34 PM Manoj @.***> wrote:

This is the log output - [2021-09-17T17:20:11.674] [INFO] default - onRunnerStart: 0-0 [2021-09-17T17:20:11.682] [INFO] default - onHookStart: 0-0:hook-0-0 [2021-09-17T17:20:11.684] [INFO] default - onHookEnd: 0-0:hook-0-0 [2021-09-17T17:20:11.685] [INFO] default - onSuiteStart: 0-0:suite-0-0 [2021-09-17T17:20:11.686] [INFO] default - onTestStart: 0-0:test-00-0 [2021-09-17T17:20:13.710] [INFO] default - onRunnerStart: 0-1 [2021-09-17T17:20:13.718] [INFO] default - onHookStart: 0-1:hook-0-0 [2021-09-17T17:20:13.720] [INFO] default - onHookEnd: 0-1:hook-0-0 [2021-09-17T17:20:13.721] [INFO] default - onSuiteStart: 0-1:suite-0-0 [2021-09-17T17:20:13.722] [INFO] default - onTestStart: 0-1:test-00-0 [2021-09-17T17:20:24.779] [INFO] default - onTestPass: 0-0:test-00-0 [2021-09-17T17:20:24.780] [INFO] default - onTestEnd: 0-0:test-00-0 [2021-09-17T17:20:24.781] [INFO] default - onTestStart: 0-0:test-00-1 [2021-09-17T17:20:27.186] [INFO] default - onTestPass: 0-1:test-00-0 [2021-09-17T17:20:27.187] [INFO] default - onTestEnd: 0-1:test-00-0 [2021-09-17T17:20:27.188] [INFO] default - onTestStart: 0-1:test-00-1 [2021-09-17T17:20:28.198] [INFO] default - onTestPass: 0-1:test-00-1 [2021-09-17T17:20:28.199] [INFO] default - onTestEnd: 0-1:test-00-1 [2021-09-17T17:20:28.202] [INFO] default - onSuiteEnd: 0-1:suite-0-0 [2021-09-17T17:20:28.206] [INFO] default - onSuiteStart: 0-1:suite-0-1 [2021-09-17T17:20:28.207] [INFO] default - onTestStart: 0-1:test-01-0 [2021-09-17T17:20:35.590] [INFO] default - onTestPass: 0-0:test-00-1 [2021-09-17T17:20:35.591] [INFO] default - onTestEnd: 0-0:test-00-1 [2021-09-17T17:20:35.593] [INFO] default - onSuiteEnd: 0-0:suite-0-0 [2021-09-17T17:20:35.597] [INFO] default - onHookStart: 0-0:hook-0-1 [2021-09-17T17:20:35.598] [INFO] default - onHookEnd: 0-0:hook-0-1 [2021-09-17T17:20:35.951] [INFO] default - onTestPass: 0-1:test-01-0 [2021-09-17T17:20:35.952] [INFO] default - onTestEnd: 0-1:test-01-0 [2021-09-17T17:20:35.953] [INFO] default - onTestStart: 0-1:test-01-1 [2021-09-17T17:20:36.070] [INFO] default - onRunnerEnd: 0-0 [2021-09-17T17:20:36.071] [INFO] default - Html Generation started [2021-09-17T17:20:36.132] [INFO] default - Html Generation completed [2021-09-17T17:20:36.878] [INFO] default - onTestPass: 0-1:test-01-1 [2021-09-17T17:20:36.878] [INFO] default - onTestEnd: 0-1:test-01-1 [2021-09-17T17:20:36.878] [INFO] default - onSuiteEnd: 0-1:suite-0-1 [2021-09-17T17:20:36.880] [INFO] default - onHookStart: 0-1:hook-0-1 [2021-09-17T17:20:36.881] [INFO] default - onHookEnd: 0-1:hook-0-1 [2021-09-17T17:20:37.325] [INFO] default - onRunnerEnd: 0-1 [2021-09-17T17:20:37.330] [INFO] default - Html Generation started [2021-09-17T17:20:37.406] [INFO] default - Html Generation completed

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/rpii/wdio-html-reporter/issues/73#issuecomment-922146932, or unsubscribe https://github.com/notifications/unsubscribe-auth/AEABIEPBOK55XN7FAYCA77LUCPM5NANCNFSM5EIQR4IQ . 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.

manojkrmadhu commented 2 years ago

Is it necessary to use the aggregator? as i have no need to aggregate the results. Is a structure like below not possible in the current reporter? reports/. report1.html report2.html report3.html

such that html files would include styling information as well

rpii commented 2 years ago

That is not supported right now. Most people want all the suites combined into a single report.

On Fri, Sep 17, 2021 at 6:16 PM Manoj @.***> wrote:

Is it necessary to use the aggregator? as i have no need to aggregate the results. Is a structure like below not possible in the current reporter? reports/. report1.html report2.html report3.html

such that html files would include styling information as well

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/rpii/wdio-html-reporter/issues/73#issuecomment-922153768, or unsubscribe https://github.com/notifications/unsubscribe-auth/AEABIEKZXJBX3FYDFENVYWDUCPR2VANCNFSM5EIQR4IQ . 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.