Bond Angle location not maintained for linear molecules in Studio/State

[Nancy-Salpepi]

Test device MacBook Air (m1 chip)

Operating System 12.0.1

Browser Chrome and Safari

Problem description For https://github.com/phetsims/qa/issues/745 and https://github.com/phetsims/qa/issues/746

For linear molecules in both screens, the location of the bond angle and label can be different when viewing in Studio vs launched sim, or Upstream sim vs Downstream sim in State Wrapper.

Steps to reproduce Example for Molecule Shapes in Studio:

1. Go to the Real Molecules Screen and select XeF2
2. You can keep the 'Show Loan Pairs' checkbox checked or you can uncheck it
3. Check 'Show Bond Angles'
4. Rotate molecule so that the bond angle flips to the bottom
5. Launch sim --the angles are in different places

Example in State:

1. Go to the Model Screen
2. Check 'Show Bond Angles' --the angles are in different places

Visuals

[Nancy-Salpepi]

This seems similar to https://github.com/phetsims/molecule-shapes/issues/22

I do see it in the sim as well. For example, when switching between 'real' and 'model' for CO 2

[arouinfar]

Nice find @Nancy-Salpepi, especially with digging up #22.

@jonathanolson I'm a bit concerned that the bond angle shifts when the sim is launched. I don't think the shifting label itself is a particularly serious issue, but I wonder if it is indicative of deeper issues with state saving.

[jonathanolson]

Added some data used to determine the bond angle placement into state saving. @Nancy-Salpepi can you verify that this is fixed? I tested both state and studio.

[Nancy-Salpepi]

The bond angle location is maintained once the sim is launched in studio/state. @jonathanolson I do still see what I reported in https://github.com/phetsims/molecule-shapes/issues/205#issuecomment-982964751

[jonathanolson]

Finally believe I got this one fixed. Can you verify?

[Nancy-Salpepi]

All looks good now on Master!

[jonathanolson]

Thanks!