[PLA-1481] add dusk attributes

[zlayine]

No description provided.

[github-actions]

PR Analysis

• 🎯 Main theme: Adding dusk attributes for testing
• 📝 PR summary: This PR adds dusk attributes to various components in the Vue.js application. These attributes are used by Laravel Dusk, a browser testing tool, to select elements when running end-to-end tests.
• 📌 Type of PR: Enhancement
• 🧪 Relevant tests added: False
• ⏱️ Estimated effort to review [1-5]: 2, because the changes are straightforward and consistent across all files. However, the reviewer needs to be familiar with Vue.js and Laravel Dusk.
• 🔒 Security concerns: No security concerns found

PR Feedback

• 💡 General suggestions: The PR is well-structured and the changes are consistent across all files. It would be beneficial to add some tests that use these new dusk attributes to demonstrate their usage and ensure they are working as expected.

• 🤖 Code feedback:

  • relevant file: resources/js/components/FormList.vue
    suggestion: Consider using a more descriptive name for the dusk attribute. For example, instead of btn__remove-item-${idx + 1}, you could use btn__remove-formlist-item-${idx + 1}. [medium]
    relevant line: :dusk="btn__remove-item-${idx + 1}"

  • relevant file: resources/js/components/ReadMoreButton.vue
    suggestion: Ensure that the dusk attribute is unique within the page to avoid potential issues during testing. [medium]
    relevant line: <span dusk="btn__readmore" class="underline text-gray-400 cursor-pointer text-xs" @click="sendReadmoreEvent">

  • relevant file: resources/js/components/batch/BatchSetAttribute.vue
    suggestion: Ensure that the dusk attribute is unique within the page to avoid potential issues during testing. [medium]
    relevant line: :dusk="input__attribute-key-${index + 1}"

  • relevant file: resources/js/components/pages/Settings.vue
    suggestion: Ensure that the dusk attribute is unique within the page to avoid potential issues during testing. [medium]
    relevant line: <Btn :dusk="btn__revoke-api${token.name}" error @click="confirmRevoke(token.name)">

How to use

Instructions

To invoke the PR-Agent, add a comment using one of the following commands:
/review: Request a review of your Pull Request.
/describe: Update the PR title and description based on the contents of the PR.
/improve [--extended]: Suggest code improvements. Extended mode provides a higher quality feedback.
/ask <QUESTION>: Ask a question about the PR.
/update_changelog: Update the changelog based on the PR's contents.
/add_docs: Generate docstring for new components introduced in the PR.
/generate_labels: Generate labels for the PR based on the PR's contents.
see the tools guide for more details.

To edit any configuration parameter from the configuration.toml, add --config_path=new_value.
For example: /review --pr_reviewer.extra_instructions="focus on the file: ..."
To list the possible configuration parameters, add a /config comment.