feat: 🎸 Add an option to inject HTML to <head> content #98

ikedam · 2020-02-23T08:36:42Z

NOTE: This request depends on azachar/screenshoter-report-analyzer#5 and don't work without that update.

Our CI server generates test reports with that plugin and they’re shared among our development teams.

But unfortunately web font icons aren’t displayed on those reports as those reports are placed in the authenticated area and web fonts are always accessed with “anonymous” mode [1] and blocked in this case.

I want to inject a <link> tag into the report, which imports css and web fonts from CDN, like ones provided by bootstrap [2] .

This request passes options to screenshoter-report-analyzer and allow us to inject HTMLs into the <head> content.

Before this change, icons are not shown:

With this change and following configuration, icons are shown:

  plugins: [
    {
      package: 'protractor-screenshoter-plugin',
      screenshotPath: './screenshoter',
      reportOptions: {
        injectToHead: '<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">'
      }
    }
  ]

[1] https://www.w3.org/TR/css-fonts-3/#font-fetching-requirements
[2] https://www.bootstrapcdn.com/fontawesome/

feat: 🎸 Add an option to inject HTML to <head> content

07a2951

ikedam requested a review from azachar February 23, 2020 08:36

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: 🎸 Add an option to inject HTML to <head> content #98

feat: 🎸 Add an option to inject HTML to <head> content #98

ikedam commented Feb 23, 2020

feat: 🎸 Add an option to inject HTML to <head> content #98

Are you sure you want to change the base?

feat: 🎸 Add an option to inject HTML to <head> content #98

Conversation

ikedam commented Feb 23, 2020