920334 - Instagram: "following" doesn't work, "liking" is weird

Status: RESOLVED WORKSFORME

(Web Compatibility :: Site Reports, defect)

Description

[Brian Brennan [:brianloveswords]]

(Note: I'm on Beta channel for Mobile, Aurora channel for Desktop)

Prerequisites: Be logged into Instagram

----------

Steps to Reproduce (liking):

1) Go to an instagram photo (such as this one of my mute cat, Mayze: http://instagram.com/p/dBSFLiGewo/#)

2) Click the "heart" on the bottom left of the right column, next to comment.

Expected results:
The heart turns red, and my name gets added to the "like" list.

Actual result:
At first glance, nothing happens. HOWEVER, if you refresh the page, you get the expected results.

Note:
This is also broken on Firefox for Desktop.

-------------

Steps to reproduce (following)

1) Go to any instagram photo

2) Click the follow button

Expected Results:
User would be followed, changing the state of the button from a blue "follow" button to a green "following" button, which upon clicking again would unfollow the user.

Actual Results:
Nothing happens. Even refreshing the page, the user is still not followed.

Comment 1

[Brian Brennan [:brianloveswords]]

Ah, forgot to mention: following is also broken on desktop, too.

Comment 2

[Mike Taylor [:miketaylr]]

Can't reproduce right now (because it's not possible to login in Nightly, Opera, or Chrome):

Uncaught Error: Invariant Violation common.js:1
invariant common.js:1
escapeTextForBrowser common.js:1
DOMPropertyOperations.createMarkupForProperty common.js:1
ReactDOMComponent.Mixin._createOpenTagMarkup common.js:4
(anonymous function) common.js:4
(anonymous function) common.js:3
(anonymous function) common.js:3
ReactMultiChild.Mixin.mountChildren common.js:4
ReactDOMComponent.Mixin._createContentMarkup common.js:4
(anonymous function) common.js:4
ReactMultiChild.Mixin.mountChildren common.js:4
ReactDOMComponent.Mixin._createContentMarkup common.js:4
(anonymous function) common.js:4
ReactMultiChild.Mixin.mountChildren common.js:4
ReactDOMComponent.Mixin._createContentMarkup common.js:4
(anonymous function) common.js:4
ReactMultiChild.Mixin.mountChildren common.js:4
ReactDOMComponent.Mixin._createContentMarkup common.js:4
(anonymous function) common.js:4
(anonymous function) common.js:3
ReactComponent.Mixin.merge._mountComponentIntoNode common.js:1
Mixin.perform common.js:3
ReactComponent.Mixin.merge.mountComponentIntoNode common.js:1
ReactMount._renderNewRootComponent common.js:2
ReactMount.renderComponent common.js:2
(anonymous function) ui-common.js:9
o jquery.js:2
p.add jquery.js:2
e.fn.e.ready jquery.js:2
(anonymous function) ui-common.js:9
CommonJSFetcher.fetchAndRequire __runtime.js:1
requirejsShim ui-common.js:9
exports.renderComponent ui-common.js:9
(anonymous function) ui-common.js:9
CommonJSFetcher.fetchAndRequire __runtime.js:1
requirejsShim ui-common.js:9
run_jscall ui-common.js:9
(anonymous function) ui-common.js:9
CommonJSEvaluator.require __runtime.js:1
(anonymous function) __runtime.js:1
loadedCallback __runtime.js:1
o jquery.js:2
p.fireWith jquery.js:2
w jquery.js:4
d.onload.d.onreadystatechange jquery.js:4

Comment 3

[Hallvord R. M. Steen [:hallvors]]

That's an error the page itself throws because it for some reason tries to pass an object to a function that only expects strings. However, login works fine from the main instagram.com page so you could start there :)

Comment 4

[Hallvord R. M. Steen [:hallvors]]

WFM Firefox beta for Android and Firefox desktop.

Comment 5

[Karl Dubost💡 :karlcow]

Closing per Comment #4