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

    XMLWordPrintable

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

      Attachments

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

        Issue Links

          Activity

            People

              dazarov_jira Daniel Azarov (Inactive)
              dazarov_jira Daniel Azarov (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: