Edit Post: "View Post" link doesn't change when publishing draft

[aduth]

Previously: #14740 (comment)

When editing an existing post, a "View Post" link appears in the admin toolbar.

This link is intended to be automatically updated when the link for the post changes (e.g. changing the permalink and updating a published post):

gutenberg/packages/edit-post/src/store/actions.js

Lines 297 to 310 in 920b8f0

	// Update View Post link in the admin bar when permalink is updated.
	yield __unstableSubscribe( ( registry ) => onChangeListener(
	() => registry.select( 'core/editor' ).getCurrentPost().link,
	( newPermalink ) => {
	if ( ! newPermalink ) {
	return;
	}
	const nodeToUpdate = document.querySelector( VIEW_AS_LINK_SELECTOR );
	if ( ! nodeToUpdate ) {
	return;
	}
	nodeToUpdate.setAttribute( 'href', newPermalink );
	}
	) );

However, the above implementation relies on a selector which is effective only for published posts, not for drafts:

gutenberg/packages/edit-post/src/store/constants.js

Line 11 in 920b8f0

export const VIEW_AS_LINK_SELECTOR = '#wp-admin-bar-view a';

The link for a draft uses a different ID wp-admin-bar-preview.

Steps to Reproduce:

1. Navigate to Posts > Add New
2. Enter a title
3. Click "Save Draft"
4. Reload
5. (Optional) Take note of the link for "View Post"
6. Publish the post
7. Note that the link for "View Post" does not change (still links to preview by draft ID)

Needs More Information:

The links in the admin bar are dynamically generated. It's not entirely clear to follow which possible selector values must be accounted for.

https://github.com/WordPress/wordpress-develop/blob/5640763da953c28033e9f285c7c2a1da4c613aa3/src/wp-includes/class-wp-admin-bar.php#L464

[obenland]

I followed the testing instructions and was unable to reproduce the bug.
#15444 adds an additional selector there VIEW_AS_PREVIEW_LINK_SELECTOR, which fixed this issue.