Building the Ultimate Cross-Browser Testing System
on
May 24, 2009
Building the Ultimate Cross-Browser Testing System
Cross-browser theme development for multilingual websites, like Amnesty International, is a lengthy process. Not only must the site look great in 7 or more browsers (IE 6/7/8,Firefox , Safari, Opera, Chrome) but all that work is multiplied by each language. Translated text changes length, forms get messy, and you would not believe the bizarre voodoo invoked by right-to-left layouts, like Hebrew or Arabic, in IE6.
While we at CivicActions have a stellar team of QA Engineers to ease the pain of testing themes in upwards of 40 permutations, it's not always efficient to have to send each small change through ourQA process. For developers, having their own system to quickly check over a change in multiple browsers is vital.
That's why I built myself the ultimate test system. Using VMware Fusion on my MacBook, I'm now able to test each browser on every platform, and it's as easy to use as launching and closing an app. Here's how.
- Download and install VMware Fusion. It costs $79.99 but there's a trial version. Definitely worth the money as it's the bestvirtualization package I've seen, including a "unity" mode that runs Windows apps like native Mac apps.
- Create a Windows virtual machine. I'm currently only running WinXP SP2, but if you've got the space, you can add Vista and Windows 7. You can add a Linux one too if you're feeling frisky.
- Launch Windows and upgrade Internet Explorer to version 8.
- Install Multiple IEs to get IE6. It can also go as far back as IE 3.0, but if you need to test on those, you have my deepest condolences. To get IE7, install IE7 Standalone. Thanks to Stella's great blog post for this tip!
- Grab and install the latest Firefox, Opera, and Chrome browsers.
Marco Barulli (not verified) May 29, 2009
Internet Explorer Collection is basically a setup which contains standalone versions of various Internet Explorer versions, ranging from 1.0 to 8.0.
Fen Labalme May 24, 2009
I was hesitant to lose IE7 since that is the #1 browser in use (though good arguments exist to the contrary). But with Stella and Sam both successful, I felt it was time for me to give it a try - though one major difference is that I use the free (GPL-licensed) VirtualBox instead of VMware.
So I upgraded IE7 -> IE8 and installed IE7 standalone on my Mac. Seems to work great - the only problem I notice so far is that I get an "Unspecified error" in the IE6 & IE7 versions when I choose Help >> About Internet Explorer.
Thanks, team!
Fen Labalme June 1, 2009
It turns out that upgrading to IE8 kills the ability to focus on input text fields (for example, see here and here).
So I uninstalled IE8 from my XP VirtualBox image (both IE6 and IE7 are working properly again) and upgraded my Vista VirtualBox image from IE7 to IE8.
Oh well, I'd like to have them all in a single image, but I guess that's not in the cards.








After reading this post, i've seen the light!
I've been putting off dealing with my need for a solid IE6 testing solution for awhile now.
A few months ago I fell into the trap of upgrading my vmware instance of windows XP to IE7, killing off IE6.
I tried the standalone IE6 from evolt's archive, which was never fully stable. Now, my NTFS proper partition is running on thelatest Windows 7 RC so...
It's time to bring back an old image of a winXP virtual machine, and grab Multiple IE's!
Finally, a reliable, stable way to have IE6!
Just what i always wanted for my birthday.