VR of RTL Popup Element results in Incorrect Offsets

[emilyrohrbough]

Pulling forward from zinserjan/wdio-screenshot#94

Bug Report

Description

When taking a screenshot of a hookshot/pop-up element with dir='rtl', using a specific selector results in the following screenshot:

However, fullscreen is correct:

I think this is an issue with the wdio-screenshot's virtual scroll / element reposition for cropped screenshots. I've seen this behavior on IE popups recently as well.

Steps to Reproduce

1. Run terra-hookshot's hookshot-spec.js test. Specifically this test
2. Add the following assertions here

Terra.should.matchScreenshot('fullscreen', { selector: '#root' });
Terra.should.matchScreenshot('use_element', { selector: '#ContentOffset-bounds' });

3. See difference in the hook shot content position in the screenshots.

Environment

• Browser Name and Version: chrome 3.11-californium

Linked Issue: https://github.com/cerner/terra-toolkit/issues/278