• When WWT is activated, a blue information bar should appear at the top of the article.
• The information bar should be displayed below the links ("Read," "Edit," "View History," "Article," or "Talk") and above the article title.
• I've checked on this for Vector, Monobook and Timeless. There are minor annoyances with the icons in Monobook and Timeless, but it is working.
• The information bar should not block any links on the page.
• The whitespace dimensions at the top of the article should remain the same.
• The information bar should be sticky.
• The information bar should be implemented in such a way that it can adapt to different states. For example, if there is an API error, the bar may change (e.g. a different color). However, the actual handling of error behavior will be covered in a separate ticket.
• The widget changes state with widget.setState( state ) where state can be pending, ready, and err.

To QA, use the instructions on https://github.com/wikimedia/WhoWroteThat#testing-the-browser-extension

Requirements:

• When WWT is activated, a blue information bar should appear at the top of the article.
• The information bar should be displayed below the links ("Read," "Edit," "View History," "Article," or "Talk") and above the article title.

Yep.

Appears only for articles in the Main namespace.

I have tested tested it on Chromium 73 and Firefox 60.

I experimented briefly with different common screen sizes (1024 x 786, 1280 x 1024, 1920 x 1080).

• The information bar should not block any links on the page.

I also checked that it does not interfere with the "More" dropdown or the search suggestions. They appear "above" the information bar.

• The whitespace dimensions at the top of the article should remain the same.

Not sure exactly what this means. Obviously the information bar takes up some space. Things below it are moved down. Otherwise, everything appears to stay the same.

• The information bar should be sticky.

Yep.

• The information bar should be implemented in such a way that it can adapt to different states. For example, if there is an API error, the bar may change (e.g. a different color). However, the actual handling of error behavior will be covered in a separate ticket.
  • Technical implementation: Create three states for the bar "widget": 'ready', 'pending', and 'error'; each state's display is available in the image below. The actual calling of those states will be implemented in another ticket, but the original 'bar widget' should be ready to display the three states.

So far, only the 'pending' state is implemented.

Thanks, @dom_walden. The "whitespace" related requirement simply meant that, with these changes, there should still be whitespace between the article title and the top of the article (which is now where the information bar ends).

Since WWT won't follow a traditional release cycle, I'll mark such work as 'Done' when it has been demoed or tested. In this case, the information bar was recently demoed to the team, so it can be marked as 'Done.'