v1.6.0

An attempt to get a little bit closer to the ResizeObserver spec.

There are no breaking changes (as far as I see), the old code should still work. However there's a small change in philosophy, so here's a recommended migration guide:

1. It's recommended to use a dedicated size mocking method (mockElementSize) instead of mockElementBoundingClientRect

Before:

import { mockResizeObserver, mockElementBoundingClientRect } from 'jsdom-testing-mocks';

const resizeObserver = mockResizeObserver();

it('works', () => {
  render(<TestedComponent />);

  const element = screen.getBySomething(...)

  // tests...

  mockElementBoundingClientRect(element, {
    width: 300, height: 200,
  });

  act(() => {
    resizeObserver.resize(element);
  });

  // tests...
})

After:

import { mockResizeObserver } from 'jsdom-testing-mocks';

const resizeObserver = mockResizeObserver();

it('works', () => {
  render(<TestedComponent />);

  const element = screen.getBySomething(...)

  // tests...

  resizeObserver.mockElementSize(element, {
    contentBoxSize: { inlineSize: 300, blockSize: 200 },
  });

  act(() => {
    resizeObserver.resize(element);
  });

  // tests...
})

2. Depending on your case you can omit passing the element to the .resize function, it will be triggered automatically (if the size is mocked)

PS. Check the new docs for more details

Refactor ResizeObserver test release

v1.6.0-beta.1

Make only one size property required

Refactor ResizeObserver test release

v1.6.0-beta.0

Refactor resize observer, add implicit elements

v1.5.0

Adds experimental support for Web Animations API

v1.5.0-beta.8

Update README and examples

v1.5.0-beta.7

Use addEventListener instead of finished in the element.animation

v1.5.0-beta.6

Hide animation mocks inside a function

v1.5.0-beta.5

Update github actions

Testing release scripts

v1.5.0-beta.4

Update github actions

Testing release scripts

v1.5.0-beta.3

Update github actions