test(tokens): Automate tests from the release 2.14: tokens group

[estefafdez]

Done Definition Checks

Taiga URL (optional)

Taiga Ticket: 931

Description

This PR includes the following tests from the release 2.14:

• https://app.qase.io/case/PENPOT-2728 ✔️
• https://app.qase.io/case/PENPOT-2730 ✔️

How to test

• Check the code
• Update the test case in Qase (Automation Status field or steps changed)
• It complies with the test conventions
• There are no missing snapshots for win32 (x3 browsers)
• The tests run OK

Screenshots 📸 (optional)

[Copilot]

Pull request overview

Adds Playwright coverage for Tokens “group/path” behavior introduced in release 2.14, including UI assertions and screenshot baselines for the nested token grouping.

Changes:

• Added token-group.spec.ts with Qase-linked tests for single-segment tokens and nested group display for shared paths.
• Extended TokensComponent with helpers/locators to assert single-segment rendering and group/path behavior.
• Added new screenshot baselines for the nested group rendering (currently linux/chrome + linux/firefox).

Reviewed changes

Copilot reviewed 2 out of 4 changed files in this pull request and generated 2 comments.

File	Description
tests/tokens/token-group.spec.ts	New tests for token pill rendering and nested grouping, including a screenshot assertion.
pages/workspace/tokens/token-components/tokens-base-component.ts	Adds locators and assertion helpers used by the new tests.
tests/tokens/token-group.spec.ts-snapshots/linux/chrome/token-group-primary-nested.png	Baseline screenshot for chrome on linux.
tests/tokens/token-group.spec.ts-snapshots/linux/firefox/token-group-primary-nested.png	Baseline screenshot for firefox on linux.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[kilo-code-bot]

Kilo Code Review could not run — your account is out of credits.

Add credits at app.kilo.ai to enable reviews on this change.

[estefafdez]

New things after what we commented on the daily @daniel-herrero:

• Added TokenGroupData extending BasicTokenData in tokens-base-component.ts:

export interface TokenGroupData extends BasicTokenData {
  parent?: TokenGroupData;
}

• name holds the group path segment (e.g. 'primary')
• parent is optional — available for nested hierarchy tests when needed

The POM methods (isTokenGroupVisible, isTokenVisibleInGroup, isLastSegmentVisibleInGroup, isTokenGroupCount) now accept TokenGroupData instead of a plain string, so tests define groups as typed objects:

const primaryGroup: TokenGroupData = { name: 'primary' };

Also removed the duplicate BasicTokenData that existed in tokens-base-page.ts.

[estefafdez]

@daniel-herrero both tests are working after the changes :)

[daniel-herrero]

LGTM! Thank you for solving the basis of the token groups and dealing with their locators!