TS VW 65 WoodstockLayoutComponents

Woodstock Layout Components Test Specification for "NetBeans 6.5"

Author: Jaroslav Pospisil
Version: 1.0
Estimated time: 1 hours
Default IZ component(s): visualweb / components
Last update: 16/05/2008
Introduction: This test specification covers the Woodstock Layout Components in the IDE.
Comments: __This specification covers current state of Woodstock Layout Components (16/05/2008).

Contents




\

Test specification setup
\

In order to complete this test specification, some preparatory work is needed to do first. We test in Netbeans 6.1, full version of installer, and default Glassfish v2ur1 server, installed along with IDE. All layout Woodstock components are tested in environment of JavaEE5 Web application with Visual Web JSF framework included.

  • Download and install IDE - you can left everything default, just keep pressing Next and Finish.
  • Start IDE and from Main menu select File > New Project > Web > Web Application
  • Click Next three times and then check Visual Web JavaServer Faces checkbox.
  • Click Finish.

New Web project will open with Page1.jsp selected in editor and to the right of IDE screen is now visible Palette window. Double-click on Page1 tab in editor. It will resize to fullscreen,only with Palette and Properties tabs left on the right-side of the screen.

Common test cases

Layout Woodstock components share score of common test cases, valid for some or all layout components. In each case, valid components and presumed behaviour is properly described, but for simplicity, we test each test case for all components at once.
\

  • Test case: Drag and Drop component from palette
  • Test case: Children Acceptance
  • Test case: Use as a Child
  • Test case: Style / Display changes


\



\

Test suites


\

Test suite: Drag and Drop component from palette

Setup:

  • None.


\

  1. Drag and Drop Panel components
    1. Drag and drop Grid Panel component from Woodstock Layout tab of Palette to Page1.jsp opened in editor.
    2. Drag and drop Group Panel component from Woodstock Layout tab of Palette to Page1.jsp opened in editor.
    3. Drag and drop Layout Panel component from Woodstock Layout tab of Palette to Page1.jsp opened in editor.
    4. Drag and drop Page Separator component from Woodstock Layout tab of Palette to Page1.jsp opened in editor.
    5. Drag and drop Page Fragment Box component from Woodstock Layout tab of Palette to Page1.jsp opened in editor. In the dialog window opened, click on Create New page Fragment.New window will open.Leave everything default and click OK.After you return to original Select page Fragment window,wait till Fragment1.jspf appears in dropdownlist and then click Close.
    6. Drag and drop Page Alert component from Woodstock Layout tab of Palette to Page1.jsp opened in editor.
    7. Drag and drop Tab Set component from Woodstock Layout tab of Palette to Page1.jsp opened in editor.
    8. Drag and drop Page Separator component from Woodstock Layout tab of Palette to Page1.jsp opened in editor.
    9. Drag and drop Property Sheet component from Woodstock Layout tab of Palette to Page1.jsp opened in editor.
    10. Drag and drop Form component from Woodstock Layout tab of Palette to Page1.jsp opened in editor.
    • EXPECTED RESULT: Components gridPanel1, groupPanel1, layoutPanel1, pageSeparator1, Fragment1.jspf, pageAlert1, tabSet1, propertySheet1 and Form1 are added to the page. Select each of newly added components to see, that contents in Properties window changes according to component type.



Test suite: Children Acceptance

Setup:

  • Complete previous test suite.Procced according to test case instructions. Start with cleaning the screen by moving all components to its sides. It will help you when you'll be positioning the panels.


\

  1. Children acceptance for Grid Panel component
    1. Resize gridPanel1 to 12x12 squares size and move it to top left corner of the page.
    2. Drag and drop Label Woodstock Basic component to gridPanel1.
    3. Drag and drop Page Separator Woodstock Layout component to gridPanel1.
    4. Drag and drop Alert Woodstock Composite component to gridPanel1.
    5. Drag and drop Text Field Standard component to gridPanel1.
    • EXPECTED RESULT: All components are successfully added to the grid panel and automatically aligned. They should behave the same way,as if inserted directly to the page. None of components should stretch outside the grid panel.
  2. Children acceptance for Group Panel component
    1. Resize groupPanel1 to 12x12 squares size and move it two squares right of to grid panel.
    2. Drag and drop Label Woodstock Basic component to groupPanel1.
    3. Drag and drop Page Separator Woodstock Layout component to groupPanel1.
    4. Drag and drop Alert Woodstock Composite component to groupPanel1.
    5. Drag and drop Text Field Standard component to groupPanel1.
    • EXPECTED RESULT: All components are successfully added to the group panel and automatically aligned. They should behave the same way,as if inserted directly to the page.Page separator and Alert components are stretched outside the group panel area.
  3. Children acceptance for Layout Panel component
    1. Resize layoutPanel1 to 6x14 squares size and position it under previous two panels.
    2. Drag and drop Label Woodstock Basic component to layoutPanel1.
    3. Drag and drop Page Separator Woodstock Layout component to layoutPanel1.
    4. Drag and drop Alert Woodstock Composite component to layoutPanel1.
    5. Drag and drop Text Field Standard component to layoutPanel1.
    • EXPECTED RESULT: All components are successfully added to the layout panel and automatically aligned. They should behave the same way,as if inserted directly to the page.
  
  1. Children acceptance for TabSet component
    1. Drag and drop Tab component to tabSet1.
    • EXPECTED RESULT: New tab Tab 2 is added directly under default tab Tab 1 in the component.
  
  1. Children acceptance for Property Sheet component
    1. Drag and drop Property component to propertySheet1.
    2. Drag and drop PropertySheetSection component to propertySheet1.
    • EXPECTED RESULT: Both components are added to the proper areas of the Property Sheet.
  
  1. Children acceptance for Page Fragment Box component
    1. Drag and drop Grid panel component to Fragment1.
    2. Drag and drop Group panel component to Fragment1.
    3. Drag and drop Layout panel component to Fragment1.
    4. Drag and drop Page Separator component to Fragment1.
    5. Drag and drop TabSet component to Fragment1.
    6. Drag and drop Tab component to Fragment1.
    7. Drag and drop Page Alert component to Fragment1.
    8. Drag and drop Property Sheet component to Fragment1.
    9. Drag and drop Property Sheet Section component to Fragment1.
    10. Drag and drop Property component to Fragment1.
    11. Drag and drop Form component to Fragment1.
    • EXPECTED RESULT: All components with exception of Tab, Property Sheet Section and Property can be added to Page Fragment.In case of mentioned three components, cursor changes shape to wrong action, when trying to Drag and Drop.
  




Test suite: Use as Child

Setup:

  • Complete previous test suites.
  • In previous test suite we already tested some components as child, in the process.For this testing, we can consider Page Separator testing as child as done and the same works for all panel components.


\

  1. Use TABSET component as a child
    1. Drag and drop TabSet into any panel. Try to do this also into any other available component.
    • EXPECTED RESULT: You can insert TabSet into any Panel but not to any other component.
  2. Use PROPERTY SHEET component as a child
    1. Drag and drop Property Sheet into any panel. Try to do this also into any other available component.
    • EXPECTED RESULT: You can insert Property Sheet into any Panel but not to any other component.
  
  1. Use PAGE ALERT component as a child
    1. Drag and drop Property Sheet into any panel. Try to do this also into any other available component.
    • EXPECTED RESULT: You can insert Property Sheet into any Panel or Form but not to any other component.
  
  1. Use FORM component as a child
    1. Drag and drop Form into any panel. Try to do this also into any other available component.
    • EXPECTED RESULT: Form can be placed anywhere with exception of Page Separator.
  



Test suite: Style / Display changes

Valid for all Woodstock layout components.This suite tests changes of components displayed visual features, done by changing its Properties. It would take too long to test all available Properties at once, so this test specification concentrates on testing of some most important Properties instead. Setup:

  • Start with clean Page1.jspf or remove all previously added components.


\

  1. Change component style
    1. Do this for all available components.
    2. Drag and drop component from Woodstock Layout tab of Palette to Page1.jsp opened in editor.
    3. In case of panels add three times from Standard palette tab component Text Field to grid panel (Drag and Drop).
    4. Select component and switch to Properties window.
    5. Select rendered property and uncheck it .
    6. Panel disappears, so check the rendered property again.
    7. Select style property and click on ... button.
    8. Select background tab and and choose black .
    9. Then click OK
    • EXPECTED RESULT: Background of component will change color to black.
  2. Change Grid Panel properties
    1. Drag and drop Grid Panel component from Woodstock Layout tab of Palette to Page1.jsp opened in editor.
    2. Add three times from Standard palette tab component Text Field to grid panel (Drag and Drop).
    3. Select grid panel and switch to Properties window.
    4. Select empty columns property and enter number 3 .
    5. Select width property and change value to 1000 .
    • EXPECTED RESULT: Grid panel will resize to 1000 points and text fields are arranged in one line - three columns (originally they were arranged in one column one on top of another).
  
  1. Change Tab Set properties
    1. Drag and drop Tab Set component from Woodstock Layout tab of Palette to Page1.jsp opened in editor.
    2. Add two new Tabs to Tab Set (Drag and Drop).
    3. Select Tab Set and switch to Properties window.
    4. Select selected property and enter change to Tab 3 .
    • EXPECTED RESULT: Selected tab is now Tab 3,as is visible in editor.
  
  1. Change Tab properties
    1. Use any of tabs from previous test case and select it.
    2. Switch to Properties window.
    3. Select text property and change to test .
    4. Select target property and change to New Window .
    • EXPECTED RESULT: Selected tab text is now test.
  
  1. Change Page Alert properties
    1. Drag and drop mew Page Alert from the palette.
    2. Switch to Properties window.
    3. Select type property and change to warning .
    • EXPECTED RESULT: Page Alert icon will change from Error to Warning.
  
  1. Change Property Sheet properties
    1. Drag and drop mew Property Sheet from the palette.
    2. Switch to Properties window.
    3. Select requiredFields property and change to true .
    • EXPECTED RESULT: Property Sheet will now contain red asterisk and Indicates required field text.
  



Not logged in. Log in, Register

By use of this website, you agree to the NetBeans Policies and Terms of Use. © 2012, Oracle Corporation and/or its affiliates. Sponsored by Oracle logo