Add copy button in install code screen, #PG-3520

[AltamashShaikh]

Description:

Add copy button in install code screen
Fixes: #812 & #PG-3520
Require: matomo-org/matomo#22366

Review

• Functional review done
• Potential edge cases thought about (behavior of the code with strange input, with strange internal state or possible interactions with other Matomo subsystems)
• Usability review done (is anything maybe unclear or think about anything that would cause people to reach out to support)
• Security review done
• Wording review done
• Code review done
• Tests were added if useful/possible
• Reviewed for breaking changes
• Developer changelog updated if needed
• Documentation added if needed
• Existing documentation updated if needed

[AltamashShaikh]

I added a test for Clipboard copy, but facing same as what we are facing in CrashAnalytics so removed the test.

[sgiehl]

@AltamashShaikh Weren't the changes in matomo-org/matomo#22332 meant for making that possible?

[AltamashShaikh]

@AltamashShaikh Weren't the changes in matomo-org/matomo#22366 meant for making that possible?

@sgiehl If you checkout this PR and click Install Code under TagManager menu and try to copy the MTM code by clicking copy button, it will not copy anything. On debugging I found out that we need to set focus to allow it to copy.

So the changes in matomo-org/matomo#22366 adds only the focus to make copy work in modal. Puppeter issue is different.

[snake14]

@sgiehl Sadly, matomo-org/matomo#22332 didn't solve the Puppeteer issue as I had hoped, either.

[snake14]

Looks good. Once I pulled the latest version of core, the button copied the code snippet to my clipboard as expected 👍

[araichyk]

Yes, works well once I pull core code. Good issue to fix, nice one 👍