Details

      Description

      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

        Attachments

          Activity

            People

            Assignee:
            david.gutierrez David Gutiérrez Mesa
            Reporter:
            david.gutierrez David Gutiérrez Mesa
            Recent user:
            Yang Cao
            Participants of an Issue:
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:

                Packages

                Version Package