FL-24 Flex elements - set minimum width

[qase-testops[bot]]

Preconditions

1. User is logged in
2. User has created a new file
3. User has opened a new file
4. User has created a board
5. User has created a rectangle inside the board

Steps to reproduce

• Step 1 Action: Click "+" button next to "Layout" Expected Result: "Flex layout" and "Grid layout" options are displaying

• Step 2 Action: Select " Flex layout" option Expected Result: Flex layout was added to board Flex layout features are displaying

• Step 3 Action: Select rectangle. Expected Result: "Flex elements" section appears on Design panel.

• Step 4 Action: Click ↔ button ("Width 100%) in "Sizing" subsection ("Flex elements" section on Design panel) Expected Result: Rectangle's width is expanded to occupy free horizontal board space. Two additional input fields "Min.Width" & "Max.Width" appear on the bottom of "Flex elements" section appears on Design panel.

• Step 5 Action: Type 50 in "Min.Width" input field ("Flex elements" section on Design panel) Expected Result: Value 50 is saved in "Min.Width" input field

• Step 6 Action: Select board and change "Width" to 30 on Design panel. Expected Result: Board width is decreased to 30, rectangle's width is decreased to 50.

• Step 7 Action: Select rectangle and type 0 in "Min.Width" input field ("Flex elements" section on Design panel) Expected Result: Rectangle's width is decreased to 30 (to fit the board).

Actual result

Rectangle's width is decreased to 0.01.

Expected Result:

Rectangle's width is decreased to 30 (to fit the board).

Qase.io defect: FL-24 Flex elements - set minimum width Found in test run: Manual regression - Windows, Firefox (Stanislav) 2024/06/27

2024-07-01%2014-50-38.mp4

[qase-testops[bot]]

Defect (D-90) was moved to status 'Open'