Skip to content

Feat/molecule autosuggest dropdownlist a11y#2955

Merged
Sabri1209 merged 7 commits intomasterfrom
feat/molecule-autosuggest-dropdownlist-a11y
Nov 20, 2025
Merged

Feat/molecule autosuggest dropdownlist a11y#2955
Sabri1209 merged 7 commits intomasterfrom
feat/molecule-autosuggest-dropdownlist-a11y

Conversation

@Sabri1209
Copy link
Contributor

@Sabri1209 Sabri1209 commented Nov 17, 2025

Molecule/autossugest

Molecule/dropdownist

Description, Motivation and Context

Apply some a11y requirements

Types of changes

  • 🪲 Bug fix (non-breaking change which fixes an issue)
  • ✨ New feature (non-breaking change which adds functionality)
  • 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • 🧾 Documentation
  • 📷 Demo
  • 🧪 Test
  • 🧠 Refactor
  • 💄 Styles
  • 🛠️ Tool

}
)

const accessibilityProps = {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

set it into the object directly (if it is used only once) or define it outside of the component fn cycle

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The problem is that the object that’s already created is related to the autosuggest (autosuggestSelectionProps), but not to the wrapper div. Defining it outside the component isn’t possible either, since I’m using a prop value.

@Sabri1209 Sabri1209 marked this pull request as ready for review November 17, 2025 17:02
@github-actions
Copy link

STATEMENTS BRANCHES FUNCTIONS LINES
≍ 0.05↑ ≍ 0.09↑ ≍ 0.1↑ ≍ 0.1↑
% 76.39 63.4 67.82 77.93
ABS 3479 / 4554 2109 / 3326 681 / 1004 3298 / 4232

expect(container.innerHTML).to.not.have.lengthOf(0)
})

it('should NOT extend classNames', () => {
Copy link
Member

@andresin87 andresin87 Nov 19, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do not remove it. just change it to 'should extend classNames'

Comment on lines 73 to 83
it('should NOT extend classNames', () => {
// Given
const props = {className: 'extended-classNames'}
const findSentence = str => string => string.match(new RegExp(`S*${str}S*`))

// When
const {container} = setup(props)
const findClassName = findSentence(props.className)

// Then
expect(findClassName(container.innerHTML)).to.be.null
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

	  const props = {className: 'extended-classNames'}
      const findSentence = str => string => string.match(new RegExp(`S*${str}S*`))

      // When
      const {container} = setup(props)
      const findClassName = findSentence(props.className)

      // Then
      expect(findClassName(container.innerHTML)).to.not.be.null

Copy link
Member

@andresin87 andresin87 Nov 19, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

(******).to.not.be.null

@github-actions
Copy link

STATEMENTS BRANCHES FUNCTIONS LINES
≍ 0.05↑ ≍ 0.09↑ ≍ 0.1↑ ≍ 0.1↑
% 76.39 63.4 67.82 77.93
ABS 3479 / 4554 2109 / 3326 681 / 1004 3298 / 4232

@github-actions
Copy link

STATEMENTS BRANCHES FUNCTIONS LINES
≍ 0.04↑ ≍ 0.09↑ ≍ 0.1↑ ≍ 0.1↑
% 76.39 63.4 67.82 77.93
ABS 3480 / 4555 2109 / 3326 681 / 1004 3299 / 4233

@Sabri1209 Sabri1209 merged commit fa8de67 into master Nov 20, 2025
7 checks passed
@Sabri1209 Sabri1209 deleted the feat/molecule-autosuggest-dropdownlist-a11y branch November 20, 2025 12:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants