Create the Poshi automation

• Type: Technical Testing
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: None
• Component/s: Fragment Administration, Out of the box Fragments > Collection Display Fragment
• Labels: None
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/106715

Test scenarios

Test Scenarios	Test Strategy	Kind of test	Is it covered by FrontEnd ? (JS-Unit)	Is it covered by BackEnd ? (unit or integration)	Could it be covered by POSHI?
The page creator could see the alert info in the General panel of Applied Filters fragment	High	Manual	No	No	Yes
The Applied Filters fragment could show applied category and keywords filters in Preview and View mode	Critial	Manual	No	No	Yes
The Applied Filters will show the second line and Show More button when there are lots of applied filters	High	Manual	No	No	Yes
The page creator could use Clear Filters to reset the filters	Critial	Manual	No	No	Yes

Test Cases

Case 1:
The page creator could see the alert info in the General panel of Applied Filters fragment

1. Enable the Collection Filter and Applied Filter feature
2. Add three web contents
3. Add a dynamic collection for All Types
4. Add a collection page based on dynamic collection
5. Add an Applied Filters fragment above the Container
6. Add a Collection Filter fragment above the Applied Filters
7. Click the body of Applied Filters > General tab
8. View the following alert info shown in the General panel

• You will see this fragment on the page only after applying a filter.

Case 2:
The Applied Filters fragment could show applied category and keywords filters in Preview and View mode

1. Enable the Collection Filter and Applied Filter feature
2. Add a vocabulary named Size
3. Add three categories named Large, Medium, Small
4. Add the first web content named Levis 511 with Large
5. Add the second web content named Levis 501 with Medium
6. Add the third web content named Levis 510 with Small
7. Add a dynamic collection for All Types
8. Add the first collection page based on dynamic collection
9. Click the body of Collection Display fragment > General
10. Select the Bordered List as List Style
11. Add an Applied Filters fragment above the Container
12. View the No Active Filters shown in Applied Filters fragment
13. Select the dynamic collection as Target Collection
14. Add a Collection Filter fragment above the Applied Filters
15. Select the dynamic collection as Target Collection
16. Select the Category as Filter
17. Select the Size vocabulary as Source
18. Open the Preview modal
19. View the Applied Filters fragment is not shown
20. Select the Large in Collection Filter
21. View the Large is shown in Applied Filters
22. View only the Levis 511 shown in Collection Display
23. Close the Preview modal
24. Publish the collection page
25. Navigate to collection page at view mode
26. View the Applied Filters fragment is not shown
27. Select the Small in Collection Filter
28. View the Small is shown in Applied Filters
29. View only the Levis 510 shown in Collection Display
30. Add the second collection page based on dynamic collection
31. Click the body of Collection Display fragment > General
32. Select the Bordered List as List Style
33. Add an Applied Filters fragment above the Container
34. View the No Active Filters shown in Applied Filters fragment
35. Select the dynamic collection as Target Collection
36. Add a Collection Filter fragment above the Applied Filters
37. Select the dynamic collection as Target Collection
38. Select the Keywords as Filter
39. Open the Preview modal
40. View the Applied Filters fragment is not shown
41. Type 501 in search field of Collection Filter > Press Enter
42. View the 501 is shown in Applied Filters
43. View only the Levis 501 shown in Collection Display
44. Close the Preview modal
45. Publish the second collection page
46. Navigate to second collection page at view mode
47. View the Applied Filters fragment is not shown
48. Type 510 in search field of Collection Filter > Press Enter
49. View the 510 is shown in Applied Filters
50. View only the Levis 510 shown in Collection Display

Case 3:
The Applied Filters will show the second line and Show More button when there are lots of applied filters

1. Enable the Collection Filter and Applied Filter feature
2. Add two vocabularies named Color and Gender
3. Add 2 categories named Male and Female in Gender
4. Add 8 categories named Red, Brown, Black, Grey, Blue, Green, Yellow, White in Color
5. Add the first web content named Levis 511 with Black, Grey, Blue, Male, Female
6. Add the second web content named Levis 501 with White, Yellow, Red, Female
7. Add the third web content named Levis 510 with Brown, Black, Green, Male, Female
8. Add the fourth web content named Lee 709 with Black, Grey, Blue, Male
9. Add a dynamic collection for All Types
10. Add a collection page based on dynamic collection
11. Click the body of Collection Display fragment > General
12. Select the Bordered List as List Style
13. Add a Grid element above the Container
14. Change the Number of Modules to 4
15. Add the first Collection Filter to the first module
16. Select the dynamic collection as Target Collection
17. Select the Keywords as Filter
18. Add the second Collection Filter to the second module
19. Select the dynamic collection as Target Collection
20. Select the Category as Filter
21. Select the Gender vocabulary as Source
22. Check the Single Selection
23. Add the third Collection Filter to the third module
24. Select the dynamic collection as Target Collection
25. Select the Category as Filter
26. Select the Color vocabulary as Source
27. Add an Applied Filters to the fourth module
28. Select the dynamic collection as Target Collection
29. Open the Preview modal
30. Type Levis in search field of the first Collection Filter > Press Enter
31. Select the Female in the second Collection Filter
32. Select the Yellow, Whilte, Red in the third Collection Filter
33. View the Levis, Female and White are shown in the first line of Applied Filters
34. View the Yellow and Red are shown in the second line of Applied Filters
35. View only the Levis 501 shown in Collection Display
36. Select two more Green, Brown categores in the third Collection Filter
37. View the Red, Green and Brown are invisible
38. Click the Show More button of Applied Filters
39. View the Red and Green are shown in the third line
40. View the Brown is shown in the fourth line
41. View only the Levis 501 and Levis 510 are shown in Collection Display
42. Click the Show Less button of Applied Filters
43. View the Red, Green and Brown are invisible
44. View only the Levis 501 and Levis 510 are shown in Collection Display
45. Close the Preview modal
46. Publish the collection page
47. Navigate to collection page at view mode
48. Type Levis in search field of the first Collection Filter > Press Enter
49. Select the Female in the second Collection Filter
50. Select the Yellow, Whilte, Red in the third Collection Filter
51. View the Levis, Female and White are shown in the first line of Applied Filters
52. View the Yellow and Red are shown in the second line of Applied Filters
53. View only the Levis 501 shown in Collection Display
54. Select two more Green, Brown categores in the third Collection Filter
55. View the Red, Green and Brown are invisible
56. Click the Show More button of Applied Filters
57. View the Red and Green are shown in the third line
58. View the Brown is shown in the fourth line
59. View only the Levis 501 and Levis 510 are shown in Collection Display
60. Click the Show Less button of Applied Filters
61. View the Red, Green and Brown are invisible
62. View only the Levis 501 and Levis 510 are shown in Collection Display

Case 4:
The page creator could use Clear Filters to reset the filters

1. Enable the Collection Filter and Applied Filter feature
2. Add a vocabulary named Size
3. Add three categories named Large, Medium, Small
4. Add the first web content named Levis 511 with Large
5. Add the second web content named Levis 501 with Medium
6. Add the third web content named Levis 510 with Small
7. Add the fourth web content named Lee 709 with Large
8. Add a dynamic collection for All Types
9. Add a collection page based on dynamic collection
10. Click the body of Collection Display fragment > General
11. Select the Bordered List as List Style
12. Add an Applied Filters fragment above the Container
13. Select the dynamic collection as Target Collection
14. Check the Include Clear Filters Option
15. View the Clear Filters button shown in Applied Filters
16. Add a Grid element above the Applied Filters
17. Change the Numbers of Modules to 2
18. Add the first Collection Filter to the first module
19. Select the Keywords as Filter
20. Add the second Collection Filter to the second module
21. Select the dynamic collection as Target Collection
22. Select the Category as Filter
23. Select the Size vocabulary as Source
24. Open the Preview modal
25. Type Levis in search field of the first Collection Filter > Press Enter
26. Select the Large in the second Collection Filter
27. View only the Levis 511 shown in Collection Display
28. Click the Clear Filters button in the Applied Filters
29. View the Applied Filters fragment is not shown
30. View all web contents shown in Collection Display
31. Close the Preview modal
32. Publish the collection page
33. Navigate to collection page at view mode
34. Type Levis in search field of the first Collection Filter > Press Enter
35. Select the Large in the second Collection Filter
36. View only the Levis 511 shown in Collection Display
37. Click the Clear Filters button in the Applied Filters
38. View the Applied Filters fragment is not shown
39. View all web contents shown in Collection Display