Testing with testing-library

Is it possible to run `testing-library` tests against components which use the splitter?

For example, consider the following test:
```javascript
import { render, screen } from "@testing-library/react";
import Splitter, { SplitDirection } from '@devbookhq/splitter'

// ResizeObserver is required by DevbookHQ's Splitter component.
// Mock it by using the resize-observer-polyfill installed here as a dev dependency.
global.ResizeObserver = require("resize-observer-polyfill");

describe("Splitter", () => {
  it("works as expected", () => {
    render(
      <Splitter direction={SplitDirection.Vertical}>
        <div>Tile 1</div>
        <div>Tile 2</div>
      </Splitter>
    );

    expect(screen.getByText(/Tile 1/i)).toBeInTheDocument();
  });
});
```

When the above test is executed, it fails as the render function generates the following HTML, which is missing the two tile divs:
```html
<body>
  <div>
    <div
      class="__dbk__container Vertical"
    />
  </div>
</body>
```

Navigation Menu

Uh oh!

Testing with testing-library #10

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Uh oh!

Testing with testing-library #10

Description

Activity

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions