[Jest] Cannot read property 'createMask' of undefined

[listepo-alterpost]

Cannot read property 'createMask' of undefined for jest, when import import IMask from 'imask';

[listepo-alterpost]

const imask = require('imask'); works, but I really would not like to go to such extremes

[listepo-alterpost]

I think a problem with UMD and node support

[listepo-alterpost]

maybe around here https://github.com/uNmAnNeR/imaskjs/blob/master/packages/imask/rollup.config.js#L32 @uNmAnNeR what do you think?

[listepo-alterpost]

Also works like import * as IMask from 'imask'; but without ts typings

[uNmAnNeR]

I think adding esm build (module in package.json) for imask should help. But needs some time as usual )

[uNmAnNeR]

@listepo-alterpost can you please check #226

[listepo-alterpost]

still failed, jest using dist/imask.js

[listepo-alterpost]

I think dist/imask.js should contain export default polyfill for node

[listepo-alterpost]

https://stackoverflow.com/questions/40294870/module-exports-vs-export-default-in-node-js-and-es6

[uNmAnNeR]

Actually it is already done for umd build by rollup.

[listepo-alterpost]

but the problem remains

[uNmAnNeR]

Could you please check if import { default as IMask } from 'imask' is working or not?

[listepo-alterpost]

still failed

[uNmAnNeR]

No more ideas so far. If 'require' is working than probably issue relates to building jest tests. I have not used it so can not reason about.

[listepo-alterpost]

I will try to find a solution

[uNmAnNeR]

@listepo-alterpost hi! may be it will help #235

[uNmAnNeR]

should be fixed now

[listepo-alterpost]

@uNmAnNeR thanks

[tarmooo]

For me this still seems to fail as i import it like that

import IMask from 'imask'

and use it:
this.imask = IMask(inputElement, { mask })

Then JEST screams at me: TypeError: Cannot read property 'Masked' of undefined

[uNmAnNeR]

@tarmooo try import { default as IMask } from 'imask'.

[tarmooo]

thank you for your reply @uNmAnNeR, but still same, also tried other import methods that are referenced in this issue
TypeError: Cannot read property 'Masked' of undefined

  at createMask (node_modules/imask/src/masked/factory.js:34:31)
  at new InputMask (node_modules/imask/src/controls/input.js:49:19)
  at Object.IMask [as default] (node_modules/imask/dist/imask.js:4591:11)

I use imask inside stenciljs if that matters at all.

[uNmAnNeR]

Ok, seems that problem is not in import.
Let me explain and you will be able to check. IMask uses global object to resolve circular dependencies. Global object varies depending on environment: https://github.com/uNmAnNeR/imaskjs/blob/master/packages/imask/src/core/utils.js#L123

So it seems that your globals has been changed from moment where scripts are imported and when tests are executing. So check if it's possible to keep globals.

[uNmAnNeR]

@tarmooo Hi! i've just commited db7a14d new way to resolve globals inside mask. Can you please check if it solves your problem?

[tarmooo]

@tarmooo Hi! i've just commited db7a14d new way to resolve globals inside mask. Can you please check if it solves your problem?

Yes, that actually fixed it. At least my snapshot tests are running now. Good job :) Waiting for release because it is not possible to install pacakge from subdirectory sadly.