Uploaded image for project: 'Tools (JBoss Tools)'
  1. Tools (JBoss Tools)
  2. JBIDE-18188

HTML5 Palette: filter to show only palette groups for which libraries are defined on the page

    Details

      Description

      Test case 1:

      1. Open empty html file in Visual Page Editor and make sure button "Show only palette groups for which libraries are defined on the page" is not selected

      
      

      ASSERT:
      Follow palette groups visible on HTML 5 Palette:
      1. Ionic 1.0
      2. jQuery Mobile 1.4
      3. HTML 5.0

      2. Press the button "Show only palette groups for which libraries are defined on the page"

      ASSERT:

      No Palette groups are visible in HTML 5 Palette

      Test case 2:

      1. Open follow html file in Visual Page Editor and make sure button "Show only palette groups for which libraries are defined on the page" is not selected

      <!DOCTYPE html>
      <html>
      <head>
      	<meta name="viewport" content="width=device-width, initial-scale=1">
      	<link rel="stylesheet" href="http://code.ionicframework.com/1.0.0-beta.13/css/ionic.css" />
      	<script src="http://code.ionicframework.com/1.0.0-beta.13/js/ionic.bundle.js"></script>
      <meta charset="UTF-8">
      <title>Insert title here</title>
      </head>
      <body>
      
      </body>
      </html>
      

      ASSERT:
      Follow palette groups visible on HTML 5 Palette:
      1. Ionic 1.0
      2. jQuery Mobile 1.4
      3. HTML 5.0

      2. Press the button "Show only palette groups for which libraries are defined on the page"

      ASSERT:

      Follow palette groups visible on HTML 5 Palette:
      1. Ionic 1.0
      2. HTML 5.0

      Test case 3:

      1. Open follow html file in Visual Page Editor and make sure button "Show only palette groups for which libraries are defined on the page" is not selected

      <!DOCTYPE html>
      <html>
      <head>
      	<meta name="viewport" content="width=device-width, initial-scale=1">
      	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" />
      	<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
      	<script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
      <meta charset="UTF-8">
      <title>Insert title here</title>
      </head>
      <body>
      
      </body>
      </html>
      

      ASSERT:
      Follow palette groups visible on HTML 5 Palette:
      1. Ionic 1.0
      2. jQuery Mobile 1.4
      3. HTML 5.0

      2. Press the button "Show only palette groups for which libraries are defined on the page"

      ASSERT:

      Follow palette groups visible on HTML 5 Palette:
      1. jQuery Mobile 1.4
      2. HTML 5.0

        Gliffy Diagrams

          Attachments

          1. Filter1.png
            Filter1.png
            24 kB
          2. Filter2.png
            Filter2.png
            14 kB

            Issue Links

              Activity

                People

                • Assignee:
                  dazarov Daniel Azarov
                  Reporter:
                  dazarov Daniel Azarov
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: