TS 74 MobileBrowsers

Mobile browsers support Test Specification for NetBeans 7.4

Author: Vladimir Riha
Last update: 28th June 2013
Introduction: Test specification for Mobile browsers in NetBeans

Mac OS specific details: To find Options on MacOS, go to Netbeans menu -> Preferences

Please read [1] first to get familiar what is needed prior testing. Important condition is to have both, device and PC in the same network so device can access PC's server. Some networks have this feature forbidden.


Contents


Test suite: Android Device (Default browser)

You need to connect your device via USB to your computer, enable USB debugging in device and connect device to the same network as your computer is connected to.

  1. Run project without Android SDK set
    1. Invoke New Project dialog
    2. Select HTML/JavaScript and HTML5 Application
    3. Finish with default values
    4. In Browser picker, change browser to Android Device (default browser)
    5. Run project
    • EXPECTED RESULT: You are asked to specify path to Android SDK. Press OK to specify path to SDK.Run the project again. Start file should be opened in default browser
  2. Run project with Android SDK set
    1. Invoke New Project dialog
    2. Select HTML/JavaScript and HTML5 Application
    3. Finish with default values
    4. In Browser picker, change browser to Android Device (default browser)
    5. Run project
    • EXPECTED RESULT: Start file should be opened in default browser
  3. Run project without device connected to PC
    1. Invoke New Project dialog
    2. Disconnect your device from PC
    3. Select HTML/JavaScript and HTML5 Application
    4. Finish with default values
    5. In Browser picker, change browser to Android Device (default browser)
    6. Run project
    • EXPECTED RESULT: IDE shows warning dialog saying "Please connect your device and enable USB debugging". Now connect your device and press OK. New search for device should begin and once device is found, start file is opened in default browser

Test suite: Android Emulator (Default browser)

  1. Run project without Android SDK set
    1. Invoke New Project dialog
    2. Select HTML/JavaScript and HTML5 Application
    3. Finish with default values
    4. In Browser picker, change browser to Android Emulator
    5. Run project
    • EXPECTED RESULT: You are asked to specify path to Android SDK. Press OK to specify path to SDK. Now start Android emulator and run the project again. Start file should be opened in default browser

Test suite: Android Device (mobile Chrome)

You can use all the inspection and debugging features with mobile Chrome. Just make sure that in Chrome->Settings->Developer Tools you have enabled "Enable USB Web debugging".

  1. Run project
    1. Invoke New Project dialog
    2. Select HTML/JavaScript and HTML5 Application
    3. Finish with default values
    4. In Browser picker, change browser to Android Device (Chrome)
    5. Run project
    • EXPECTED RESULT: Chrome is started on device, in IDE Browser DOM, CSS Styles and if required also Browser log windows are opened.
  2. Close mobile Chrome I
    1. Invoke New Project dialog
    2. Select HTML/JavaScript and HTML5 Application
    3. Finish with default values
    4. In Browser picker, change browser to Android Device (Chrome)
    5. Run project
    6. Wait until page is loaded and IDE opens all the inspection windows
    7. Close mobile Chrome (either kill the application from Android setting or press button to see all running applications and swipe Chrome to shut it down)
    • EXPECTED RESULT: Inspection windows (Browser DOM ,CSS Styles ...) are closed, if you now run project again, everything is OK.
  3. Close mobile Chrome II
    1. Invoke New Project dialog
    2. Select HTML/JavaScript and HTML5 Application
    3. Finish with default values
    4. In Browser picker, change browser to Android Device (Chrome)
    5. Run file
    6. Wait until page is loaded and IDE opens all the inspection windows
    7. Close the tab with inspected page in mobile Chrome
    • EXPECTED RESULT: Inspection windows (Browser DOM ,CSS Styles ...) are closed, if you now run file again, everything is OK.
  4. WebInspection
    1. Run entire STS_74_WebInspection specification on mobile Chrome. Use HTML5 sample project from the sanity specification and test all test cases (even these with [HTML5 project only] prefix
    • EXPECTED RESULT: Web Inspection works the same way as in desktop Chrome.

Test suite: iOS Simulator

This option is available only on Mac

  1. Run project
    1. Invoke New Project dialog
    2. Select HTML/JavaScript and HTML5 Application
    3. Finish with default values
    4. In Browser picker, change browser to iOS Simulator
    5. Run project
    • EXPECTED RESULT: iOS Simulator is started and page is opened in Safari browser. All inspection windows in IDE (CSS Styles, Browser DOM...) are opened .
  2. Close mobile Safari I
    1. Invoke New Project dialog
    2. Select HTML/JavaScript and HTML5 Application
    3. Finish with default values
    4. In Browser picker, change browser to iOS Simulator
    5. Run project
    6. Wait until page is loaded and IDE opens all the inspection windows
    7. Close browser by pressing Home button
    • EXPECTED RESULT: Inspection windows (Browser DOM ,CSS Styles ...) are closed, if you now run project again, everything is OK.
  3. Close mobile Safari II
    1. Invoke New Project dialog
    2. Select HTML/JavaScript and HTML5 Application
    3. Finish with default values
    4. In Browser picker, change browser to iOS Simulator
    5. Run file
    6. Wait until page is loaded and IDE opens all the inspection windows
    7. Close the tab with inspected page in mobile Safari
    • EXPECTED RESULT: Inspection windows (Browser DOM ,CSS Styles ...) are closed, if you now run file again, everything is OK.
  4. WebInspection
    1. Run entire STS_74_WebInspection specification on iOS Simulator. Use HTML5 sample project from the sanity specification and test all test cases (even these with
      [HTML5 project only]
      prefix
    • EXPECTED RESULT: Web Inspection works the same way as in desktop Chrome.

Test suite: iOS Device

This option is available only on Mac. Except of first test case, all others assume your iOS device is connected to Mac.

  1. Run project I
    1. Invoke New Project dialog
    2. Select HTML/JavaScript and HTML5 Application
    3. Finish with default values
    4. In Browser picker, change browser to iOS Device
    5. If connected, disconnect your device
    6. Run project
    • EXPECTED RESULT: IDE shows dialog that it cannot connect to device.
  2. Run project II
    1. Invoke New Project dialog
    2. Select HTML/JavaScript and HTML5 Application
    3. Finish with default values
    4. In Browser picker, change browser to iOS Device
    5. Connect device to your Mac
    6. Run project
    • EXPECTED RESULT: Mobile Safari is started and page is opened in Safari browser. All inspection windows in IDE (CSS Styles, Browser DOM...) are opened.
  3. Close mobile Safari I
    1. Invoke New Project dialog
    2. Select HTML/JavaScript and HTML5 Application
    3. Finish with default values
    4. In Browser picker, change browser to iOS Device
    5. Run project
    6. Wait until page is loaded and IDE opens all the inspection windows
    7. Close browser by pressing Home button
    • EXPECTED RESULT: Inspection windows (Browser DOM ,CSS Styles ...) are closed, if you now run project again, IDE tells you to open Safari and if you do so, everything works as expected.
  4. Close mobile Safari II
    1. Invoke New Project dialog
    2. Select HTML/JavaScript and HTML5 Application
    3. Finish with default values
    4. In Browser picker, change browser to iOS Device
    5. Run file
    6. Wait until page is loaded and IDE opens all the inspection windows
    7. Close the tab with inspected page in mobile Safari
    • EXPECTED RESULT: Inspection windows (Browser DOM ,CSS Styles ...) are closed, if you now run file again, everything is OK.
  5. WebInspection
    1. Run entire STS_74_WebInspection specification on iOS Device. Use HTML5 sample project from the sanity specification and test all test cases (even these with
      [HTML5 project only]
      prefix
    • EXPECTED RESULT: Web Inspection works the same way as in desktop Chrome.
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