Yeah this might be worth adding a not-implemented-warning stub for. We can't really implemented it since we don't do layout.

Any movement on this?

Trying to use in a Jest test, I'm trying to mount a component that calls scrollIntoView on an element, and the test always fails with

TypeError: node.scrollIntoView is not a function
        at Object.scrollInToView src/component/shared/foo.tsx:7
        at User.Object.<anonymous>.User.componentDidMount

@quantuminformation You can use this for the Jest:

Element.prototype.scrollIntoView = jest.fn();

I see this fix everywhere, but were are you importing Element from? I get 'Element is not defined' I am using enzyme with chai.

You need Element in your tsconfig libs:

ie
'dom'

@qmg-JamesT It is the global element class where the other elements are inherited scrollIntoView method from.

Hi, is there any update on this without using jest?

hello, you can use window.HTMLElement.prototype.scrollIntoView = jest.fn()

I need the same for Element.prototype.scroll = jest.fn()

@enessoylu and @MSmetana where do you recommend putting Element.prototype.scrollIntoView = jest.fn(), in each .test.

When using CRA there is a setupTest.ts, seems to work but idk

import '@testing-library/jest-dom/extend-expect'

Element.prototype.scroll = jest.fn()

For ava or any other unit test runner you can use window.HTMLElement.prototype.scrollIntoView = () => {} and set it in test.beforeEach() or inside the test function

For me it was enough to set:

Element.prototype.scrollIntoView` = () => {};

once into setupJest.ts

This also seems to be the case with scroll

Element.prototype.scrollIntoView = jest.fn();

Thanks! it worked.

try this one..
window.HTMLElement.prototype.scrollIntoView = function() {};

How can I mock value for srcollIntoView? I'm using enzyme shallow / jest.

I'm getting "TypeError: Cannot read property 'scrollIntoView' of null. "

Any advice would be helpful, I don't need to test anything regarding to scrollIntoView, I just need to mock some values, because my test failing and can not pass because scrollIntoView is null.

Thanks for your time!

Anyone have an idea why it happens?

@quantuminformation You can use this for the Jest:

Element.prototype.scrollIntoView = jest.fn();

Thank you it works!

Why not add the not-implemented-warning stub as suggested in the second comment?

Is there a reason why it has been done for scrollTo but not scrollIntoView?

It would be nice to have a proper way to restore it after all tests were run but I guess that if we don't have it implemented in jsdom it doesn't care very much.