backpack test fails when run in non-headless mode

[benjiwheeler]

When the backpack test Working with the how-to library › Backpack can be expanded with backpack host param is run locally, with USE_HEADLESS=no, the test fails.

The reason appears to be that when the Costumes tab is selected, the "Backpack" text is not visible, and thus cannot be clicked.

On my development machine, a MacBook Pro 13", the full Chrome window created by Selenium appears to be 1024x768 pixels. But the visible area, under the various tab, url and alert bars, is only about 648px high.

If I resize the window to be slightly taller, the Backpack is visible.

It seems like we should either:

• change the layout and sizing of the paint editor to allow for enough room for the backpack text to be visible

• or -

• decide that it's ok that the backpack gets pushed down in the Costumes tab. It's visible in other tabs, and maybe that's enough?

Full command, for reference: USE_HEADLESS=no $(npm bin)/jest --runInBand test/integration/backpack.test.js

Expected Behavior

Please describe what should happen

Actual Behavior

Describe what actually happens

Steps to Reproduce

Explain what someone needs to do in order to see what's described in Actual behavior above

Operating System and Browser

e.g. Mac OS 10.11.6 Safari 10.0