Round zoom level value in block controls

[TimBroddin]

Fixes Automattic/wp-calypso#74158

Proposed changes:

This rounds the zoom level value shown in the Map block's controls. When zooming in/out of a Mapkit map, the camera distance gets converted to a Mapbox zoom level. This often contains lots of decimals.

This PR changes the rendering of that value in the block controls. This doesn't change the zoom value, it just changes the presentation.

Other information:

• Have you written new tests for your changes, if applicable?
• Have you checked the E2E test CI results, and verified that your changes do not break them?
• Have you tested your changes on WordPress.com, if applicable (if so, you'll see a generated comment below with a script to run)?

Jetpack product discussion

Does this pull request change what data or activity we track or use?

Testing instructions:

1. Apply this PR
2. Set the cookie to force the display of Mapkit maps, by pasting this in your console: document.cookie = "map_provider=mapkit; path=/;";
3. Add a post/page
4. Add a map block
5. Open the block properties to the right
6. Use the zoom buttons on the map
7. Changing the zoom should be reflected in the block's controls (might take tapping the button 2 times - because 1 zoom in Mapkit doesn't correspond to 1 zoom level in Mapbox).

It might feel counter intuitive that the value doesn't change every time you click the button, but this is a compromise.

[github-actions]

Are you an Automattician? You can now test your Pull Request on WordPress.com. On your sandbox, run

bin/jetpack-downloader test jetpack add/map-block-mapkit-zoom-value-rounding

to get started. More details: p9dueE-5Nn-p2

[github-actions]

Thank you for your PR!

When contributing to Jetpack, we have a few suggestions that can help us test and review your patch:

• ✅ Include a description of your PR changes.
  
• ✅ All commits were linted before commit.
  
• ✅ Add a "[Status]" label (In Progress, Needs Team Review, ...).
  
• ✅ Add testing instructions.
  
• ✅ Specify whether this PR includes any changes to data or privacy.
  
• 🔴 Add changelog entries to affected projects
  

This comment will be updated as you work on your PR and make changes. If you think that some of those checks are not needed for your PR, please explain why you think so. Thanks for cooperation 🤖

---

The e2e test report can be found here. Please note that it can take a few minutes after the e2e tests checks are complete for the report to be available.

---

🔴 Action required: Please add missing changelog entries for the following projects: projects/plugins/jetpack

Use the Jetpack CLI tool to generate changelog entries by running the following command: jetpack changelog add.
Guidelines: /docs/writing-a-good-changelog-entry.md

---

Once your PR is ready for review, check one last time that all required checks (other than "Required review") appearing at the bottom of this PR are passing or skipped.
Then, add the "[Status] Needs Team review" label and ask someone from your team review the code.
Once you’ve done so, switch to the "[Status] Needs Review" label; someone from Jetpack Crew will then review this PR and merge it to be included in the next Jetpack release.

---

Jetpack plugin:

• Next scheduled release: April 4, 2023.
• Scheduled code freeze: March 28, 2023.

[mashikag]

Looks good. I just noticed the strange zoom behavior when using the controls' zoom slider. Is this expected?

[TimBroddin]

Looks good. I just noticed the strange zoom behavior when using the controls' zoom slider. Is this expected?

Nice catch, I'll make a ticket out of this!