Posts Tagged ‘picklist’

12 Jan 2012
4

Automated Testing in XPages

Greetings everyone. I am very happy to announce that I have found a way to automate testing in XPages.

I attended Microsoft’s Tech Ed Event last year, and one of the tools that impressed me heavily, was Visual Studio’s Unit Testing Automation. What I enjoyed most was how you could setup a Test Case by recording what you were doing on the Screen, and then playback that Test Case. What was even more impressive was when the Test Case failed. When this happened, Visual Studio would take you to the line in your code where the Test Case failed.

Now, this is probably old news for Visual Studio Developers, but it’s quite rare for Domino Developers to have this capability. I’ve searched online and have not found any Testing Automation Toolkit for the physical Lotus Notes Client as yet, but I did stumble upon Selenium, which I am now using to automate testing in my XPages Applications.

 

What Is Selenium

The following extract is from Selenium’s Home Page:

Selenium automates browsers. That’s it. What you do with that power is entirely up to you. Primarily it is for automating web applications for testing purposes, but is certainly not limited to just that. Boring web-based administration tasks can (and should!) also be automated as well.

Selenium has the support of some of the largest browser vendors who have taken (or are taking) steps to make Selenium a native part of their browser. It is also the core technology in countless other browser automation tools, APIs and frameworks.

 

For our purpose though, Selenium provides a means of recording your Xpages Testing, and then re-running that test or tests. The below video will show you how I setup and run a Test Case using Selenium IDE on our Online XPages Showcase. You’re more than welcome to use our Showcase to test Selenium. The below video was published through David Leedy’s NotesIn9 Series. Be sure to check out more videos from his Website, or through iTunes.

 

A few important Notes when Testing with Selenium

1. Selenium IDE is a Firefox Add-On. I’m not aware of any other Add-On for IE, Chrome, etc.

2. From what I’ve read, Selenium IDE gives you a small taste of what Selenium can actually do. I’ve however not had the time to explore this product any further.

3. From the feedback I’ve received and from my own tests, it seems that Selenium struggles a bit when it comes to testing certain Dojo and JQuery Controls. I will be testing this further, and will update this Blog Post as soon as I find a way around this. I am also expecting a lot of feedback from the Community, who I hope will also list many Tips, tricks etc.

That’s it from me. Enjoy the Video, and please leave feedback if and when you have time.

Cheers :)

 

5 Jan 2012
2

Video Demo: Updated Ukuvuma XPages Showcase

Hi Everyone. It’s been quite a while since my last post. I apologize for that. Holiday season and all :).

So, i decided to kick-off this lovely year by upgrading our online XPages Showcase. The initial version (Version 1) was designed using Notes/Domino 8.5.2 and made use of the oneuiv2 Theme. Now that we’re running Notes/Domino 8.5.3, I’m using some of the cool features that Xpages provides. An example of this is the Javascript and CSS optimization and the oneuiv2.1 Theme.

So, long story short, we now have a Version 2 XPages Showcase. I created a short Demo Video that gives you a walk-through of some of the features that I use.

To access the Showcase, simply Click Here, and login using the Username “guest” and Password “guest“.

Please feel free to leave any feedback. It’s always appreciated and welcome.

I’ll soon be adding many more features and samples to our XPages Showcase, including a JQuery Accordion Control, Dojo Grids, our new JQuery Mask Control that we’ll be submitting on OpenNTF very soon, and much much more.

We’ll also very soon be launching our .Net Showcase. I’m very excited about this. Sorry to all the IBMers, but trust me, you’ll see what mean when it’s launched.

Until next time. Enjoy :)

28 Oct 2011
0

Xpages Video Tutorial: How to use the New V3 View Picklist Custom Control

Hi everyone. Well, good news, we have another Video Tutorial for you. A while ago I released a video where I demoed how easy it was to implement the View Picklist Custom Control into one’s XPage.

In this new Video Tutorial, I give a similar demo, but I focus on the Version 3 Picklist Control, which introduces 2 additional controls:

- The Loading Mask, and

- The Deselect Field.

These 2 controls together with the Picklist Custom Control really beef up the user experience on one’s XPage. You can test out this functionality by going to our Online Xpages Showcase. I use the Picklist Control for both the Project Manager Report as well as the Timesheet Dashboard.


I firstly want to thank Mark Hughes from HughesConnect.com for creating this awesome control. I use it quite often, and it only made sense when Mark released the new version, that I contribute by creating a video for it.

Secondly, I want to thank and congratulate everyone who contributed Custom Controls to OpenNTF.org, whether as part of the Development Contest or just because. You’ve really given the XPages community a massive boost by providing awesome re-usable Controls for our Application Development.

Finally, a thank to David Leedy from NotesIn9.com for hosting this Video as part of your Screen Cast Series. We all know how busy you are, and I thank you for your continuous commitment to the Community.

So, without further adieu, here is the Tutorial. I trust you will enjoy, and I welcome any feedback you may have. You can find me on Twitter @John_Ukuvuma.

NOTE: In this tutorial I make mention of a video that Mark Hughes released a while ago which explains how to enable Type Ahead and Searching for the Picklist Custom Control. Be sure to check this video out on NotesIn9.com

NOTE: The second OpenNTF Development Contest was recently launched. If you are an XPages Developer, you’re welcome to participate. There are some cool prizes up for grabs.

NOTE: Be sure to catch more great videos at NotesIn9.com or Xpages.tv

25 Oct 2011
1

Ukuvuma welcomes its newest Xpage to the Showcase – The Timesheet Dashboard

Hi Everyone. Well, here it is. I promised this yesterday, but I decided to include a Video walk through of the Timesheet Dashboard, and I struggled a bit to get the Dojo Accordion Control to work in IE7 & 8. Thanks Paul Withers for your help.

In this Blog Entry, I explain the technical features of the Timesheet Dashboard. To test out the Timesheet Dashboard, click here to open up the Ukuvuma Xpages Showcase. Additionally, you can watch the below video which gives you a walk through of the Timesheet System in our Xpages Showcase.

 

 
OVERVIEW OF TIMESHEET DASHBOARD:

The idea behind the Timesheet Dashboard, is to allow Users to quickly Add, View and Edit their Timesheets without having to navigate away from the Page or wait for the Page to reload. This is where Xpages is very powerful. once the Users Timesheets are added, they can then navigate to the Project Manager Report and view their captured timesheets per Project.

TECHNICAL INFORMATION REGARDING THE TIMESHEET DASHBOARD:

The Timesheet Dashboard makes use of the following additional Custom Controls that aren’t shipped with Domino 852:

  • Dojo Accordion Container + Pane – Used to separate General Details from Claim Details – ( Xpages Extension Library )
  • Tooltip Control - Used to create Tooltip Popups when hovering over Information or Help Icons – ( Xpages Extension Library )
  • Dialog + Dialog Button Bar – Used to Edit Timesheet Records in the Repeat Control - ( Xpages Extension Library )
  • View Picklist Control – Used to select Projects for the Timesheet Document - ( Mark Hughes )
Over and above these controls, I also use a Repeat Control with a Pager to display already captured Timesheets.
MENTAL NOTES WHEN WORKING WITH THESE CONTROLS:
  1. The Dojo Accordion Container does not work properly in IE7 and 8 if you do not specify a height in the Style Properties.
  2. Add a Panel to each Accordion Pane and then add your content into the Panel.
  3. Make sure that your Tooltip Controls refresh if the controls they are mapped to are refreshed. If not, they lose their binding to the mapped Control.
I trust you will enjoy, and please as always, feel to provide as much feedback as you want.
Many Thanks
John
25 Oct 2011
0

Ukuvuma Xpages Showcase – The Project Manager Dojo Grid

Hi Everyone. It brings me great please to announce our first Xpages Interactive Demo. In our Showcase, I demo a Project Manager Report, developed using a Dojo Tree Grid Report. The Grid gets populated using JSON, and all the Business Logic is written in Server Side Javascript.

You’ll see I’m also using the Application Layout Custom Control from the Xpages Extension Library, which you can find on OpenNTF.

A quick Note, if you change the selection from “All Projects” to “Selected Project(s)“, you’ll see Mark Hughes’s View Picklist Custom Control in action.

Click Here to open the Ukuvuma Xpages Showcase. You will get to a login page. Simply enter ‘guest‘ as the Username and ‘guest‘ as the Password. I more than welcome feedback and comments from everyone. Enjoy :)

NOTE: This Showcase is hosted in South Africa, and while it will provide an almost real time experience for South Africans, it might take a few seconds to load internationally.


COMING SOON!!! Create Timesheets and Projects using a Xpage Timesheet Dashboard.

12