[Visual testing]: Add visual tests for KCheckbox

[AlexVelezLl]

🌱 Are you new to the codebase? Welcome! Please see the contributing guidelines.

Context

We recently introduced a new visual testing system in KDS to prevent visual regressions and ensure UI consistency, and we want to start populating our KDS components with visual tests.

If you are not familiar yet with our visual testing system. Please refer to our Visual Testing Guide. You can also check the existing tests for KButton as an example.

Additionally, see the KCheckbox documentation for reference.

Desired behavior

KCheckbox should have visual tests to cover at least these snapshots:

• KCheckbox deselected
• KCheckbox indeterminate
• KCheckbox selected
• KCheckbox deselected disabled
• KCheckbox indeterminate disabled
• KCheckbox selected disabled
• KCheckbox without label (with showLabel=false)
• KCheckbox using the default slot to set the label.
• KCheckbox with description

Note

Since we currently dont have a test file for KCheckbox. Please move the current KCheckbox.vue file to be a folder KCheckbox/index.vue and create the test file in KCheckbox/__tests__/KCheckbox.spec.js

Acceptance criteria

• A new visual test suite is created for KCheckbox.
• The test includes all required snapshots.
• The test runs successfully and captures the expected snapshots.

[you-think-you-know-me]

@AlexVelezLl I would love to work on this issue. Please assign this to me.

[AlexVelezLl]

Hey @you-think-you-know-me! For sure! I will assign this to you, please let us know any question :).