rux | A jsx-inspired way to render view components in Ruby | Frontend Framework library

The rux-toggle component is only registered in main.js, leading to the warnings/errors you observed.

Regarding your attempts:

1. Switched from shallowMount to mount

Custom elements must be explicitly registered by your own code, and mount isn't going to do that for you.

1. Register globally using Vue.component(rux-toggle, RuxToggle)

RuxToggle from @astrouxds/rux-toggle is a LitElement, which does not meet the requirements of a Vue component definition that Vue.component() expects.

1. Added Vue.config.productionTip = false to jest setup

That merely disables a browser console warning about using the developent build in production, and has nothing to do with custom elements or component registration. Perhaps you meant to use Vue.config.ignoredElements = ['rux-toggle'], which would mute the warning about unknown custom elements (this is actually unnecessary in unit tests), but it does not register the custom element.

To properly use rux-toggle in your tests:

1. Create a Jest setup file that registers rux-toggle. Importing it is enough to do that, as the custom element registration happens as a side effect.

As an alternative to the raw pdf, you can also convert the response data to base64. Just include this header 'Content-Transfer-Encoding':'base64'.