Google Pay button doesn't load image

[ericghpham]

Ember apps with a rootURL can't load images for the Google Pay button because the button's background-image url doesn't account for rootURL. Here is an example on ember-square-payment-form's homepage, reproducible by enabling Google Pay with Ember Inspector.

At the moment, ember-square-payment-form uses treeForPublic to put the images in the consuming Ember app's public folder under /assets/square-payment-form-images, which is the URL path prefix for the Google Pay button background images.

My temporary workaround is to add a class to the Google Pay button that applies the correct image url.

[deanpapastrat]

Can you confirm that you have fingerprinting enabled for SVG files, @ericghpham?

module.exports = function(defaults) {
  const app = new EmberApp(defaults, {
    fingerprint: {
      extensions: ['js', 'css', 'png', 'jpg', 'gif', 'svg']
    }
  });

  return app.toTree();
};