Search results matching tags 'French/Français' and 'Web browsers'

Utilisation de Selenium dans un contexte SharePoint

Didier Danse — Sat, 29 May 2010 19:25:09 GMT

Peu importe la technologie ciblée lors d’un développement, il convient de réaliser un maximum de tests. Malheureusement on est généralement confronté à un problème simple: quel outil choisir pour la réalisation de ces tests.

Dans un environnement Microsoft, on serait tenter de mettre en avant les outils de tests présents dans Team System. Cependant, parfois il n’est pas nécessaire de mettre un autre produit, gratuit. En l’occurence, ce post a pour but de montrer l’utilisation de Selenium, outil de tests web.

Selenium se décline en divers modules. Sur cette base, des tests ont été effectués avec :

Selenium IDE (plugin Firefox)
Selenium RC

Selenium IDE

L’IDE permet d’enregistrement une suite d’actions et de la rejouer rapidement. Pour cela, Selenium ajoute du code lui permettant d’effectuer les dites actions sans intervention humaine.

Durant les tests effectués, il est arrivé que Selenium ne puisse rejouer les tests qu’il a lui-même enregistré, cela a cause des identifiants qui varient d’un chargement à l’autre de la page ou d’autres modifications du genre.

Les points positifs de Selenium IDE :

Open Source ;
Fonctionnalités globales permettant de couvrir des scénarios simples et systématiques.

Les points négatifs de Selenium IDE :

Ne fonctionne que sur Firefox ;
L’interface manque de convivialité. Certaines actions simples et fréquentes nécessitent des opérations manuelles dans des fichiers ;
Par défaut, pas d’utilisation possible de boucles ;
Par défaut, pas d’utilisation possible de conditions ;
Nécessité de travailler avec des tests à part entière et donc impossibilité de « passer des paramètres » à une activité sans pour autant placer ces conditions ;
La multiplication des scénarios nécessitent cette même multiplication des tests proprement dits. Toute modification doit se faire sur l’ensemble des tests dupliqués.

Selenium RC

Selenium RC (Remote Control) est un serveur qui fait office de Proxy (l’application envoie une requête à Selenium RC et Selenium la transmet au serveur destinataire). Comme pour l’IDE, il ajoute du code javascript lui permettant d’accéder et manipuler la page.

Les points positifs :

Open Source ;
Multi-navigateurs ;
Apprentissage rapide (pas de nouvel outil car possibilité d’utilisation du langage de prédilection du développeur) ;
Possibilité de créer une librairie d’objets réutilisables afin d’éviter les erreurs, d’avoir des opérations communes et aussi d’accélérer la réalisation de tests ;
Meilleure gestion des informations affichées (il n’est pas nécessaire de faire du nettoyage) ;
Possibilité d’étendre plus facilement les fonctionnalités de Selenium ;
Facilité de mise en œuvre de tests qui peuvent utiliser comme source des fichiers, une base de données ou tout autre chose qui est géré par la technologie utilisée.

Les points négatifs :

Nécessité d’installer Java sur la machine qui sert de proxy (il est possible d’utiliser un seul serveur pour différentes personnes).

Pour lancer des tests au travers de Selenium RC, il est nécessaire d’écrire du code chargé de dialoguer avec Selenium RC lui même responsable de charger et d’injecter les informations nécessaires dans les pages.

Exemple simple de code utilisable dans un contexte SharePoint. Le code parle de lui-même :

foreach (string groupName in groupNames)
{
    #region Add user to group

    if (!SPTests.ExistsGroup(groupName))
        Assert.Fail("Group '" + groupName + "' doesn't exist");
            SPTests.AddMemberToGroup(TESTUSER1_USERNAME, groupName);

    if (isISAServerUsed) SPTests.DisconnectCurrentUser();

    SPTests.OpenPage(rootRelativeUrl, possibleTitles);
    #endregion

    #region Operations
    SPTests.Authentication_ISAServer(TESTUSER1_USERNAME, TESTUSER1_PASSWORD);

    // Operations with current user
    if (isISAServerUsed) SPTests.DisconnectCurrentUser();
        SPTests.OpenPage(rootRelativeUrl, possibleTitles);
    #endregion

    #region Remove user from group
    SPTests.Authentication_ISAServer(ADMINUSERS_USERNAME, ADMINUSERS_PASSWORD);    
    SPTests.RemoveMemberToGroup(TESTUSER1_USERNAME, groupName);

    if (isISAServerUsed) SPTests.DisconnectCurrentUser();
        SPTests.OpenPage(rootRelativeUrl, possibleTitles);
    #endregion
}

______

public void RemoveMemberToGroup(string memberName, string groupName)
{
    OpenGroupPage(groupName);
    selenium.Check("//input[@account='" + memberName + "']");

    try
    {
        selenium.ChooseOkOnNextConfirmation();
        selenium.RunScript("BLOCKED SCRIPTBtnRemoveUsersClick(currentViewId, true);");
    }
    catch (SeleniumException)
    {
        // Handle SeleniumException because of Confirmation not allowed. Deletion is ok
     }            
}

Documentation au sujet de Selenium: http://seleniumhq.org/docs/index.html

Selenium ne permet d’effectuer que des tests simples. Pour réaliser des scénarios ou encore des tests de charge, PushToTest TestMaker est l’outil idéalement. Le prix est relativement peu élévé par rapport aux fonctionnalités proposées. Pour plus d’info: http://www.pushtotest.com/index.php/comparison.

SharePoint: Imprimer la page courante

Didier Danse — Mon, 15 Jun 2009 19:50:33 GMT

Imprimer une page provenant d’un site Internet est quelque chose de courant et pourtant cette impression est souvent très mal implémentée rendant les impressions peu lisibles ou entourées de toute une série d’éléments non désirés (liens divers, images utilisant abondamment l’encre de l’imprimante et bien d’autres choses pouvant perturber une impression peu couteuse, de qualité et exposant les informations importantes).

L’impression peut être lancée de différentes manières:

Fonction Impression dans le menu du navigateur (ou CTRL+P);
Fonction incluse dans un script (VBScript ou javascript avec window.print()).

Cette deuxième possibilité ne fait cependant qu’appeler la fonction présentée dans le premier point. De ce fait, l’impression respectera cependant le choix effectué par l’utilisateur, à savoir imprimer ou non les couleurs et images utilisées en background. Par défaut, cette option est décochée sous Internet Explorer:

Cette option a pour but d’éviter le gaspillage d’encre. Il ne reste plus qu’à créer nos propres règles pour définir comment doit être le rendu de notre page à l’impression.

Jusque là rien d’exception puisque l’on imprime ce qui est à l’écran. Reste donc à voir comment soulager l’impression des éléments superflus. Nous pourrions utiliser une page générant uniquement un tableau de données. Mais qu’en est-il de l’impression d’un calendrier? D’une liste comportant des groupements? Et pour les filtres? Enfin, comment faire si vous avez filtré dynamiquement les données? Il est difficile de gérer autant de pages qu’il n’y a de cas envisageables et permettant de bénéficier de toutes les fonctionnalités présentées par les composants présents sur la page.

Il reste cependant une solution basée sur du CSS tout à fait classique. Les règles CSS, les développeurs web connaissent généralement (tout du moins, je l’espère). Ce qu’ils connaissent généralement moins c’est la possibilité de définir des règles pour des médias différents. Ainsi, on pourra avoir des règles différentes selon le média utilisé: screen, print, braille et bien d’autres. Ceux qui nous intéressent sont clairement screen et print.

Ainsi, plusieurs possibilités s’offrent à nous dont les principales sont:

utiliser 2 link, l’un avec un type screen et l’autre print (et donc deux fichiers css différents).

<link rel='stylesheet' href='printstyle.css' type='text/css' media='print'>
<link rel='stylesheet' href='screenstyle.css' type='text/css' media='screen'>

Utiliser un seul fichier CSS et spécifier le média directement dans ce fichier

@media screen, print
{
/* Règles CSS partagées dans les différents types;
    Notez qu’il aurait été possible d’indiquer all. */
.master { width: 90%; }
}

@media print 
{ 
/* Règles CSS utilisées uniquement dans le cadre de l’impression */
.master { width: 100%; }
.monElement { display: none; }
}

N’hésitez également pas à utiliser cette possibilité pour remplacer des images par d’autres plus légères pour l’impression, modifier la police de caractères ou tout autre chose permettant une impression de meilleure qualité.

Internet Explorer 8 disponible

Didier Danse — Sun, 22 Mar 2009 19:47:43 GMT

Internet Explorer 8 est disponible en version finale.

D’apparence, il y a peu de changements mais cette nouvelle version comporte toute une série de nouveautés. Parmi les plus visibles, on peut noter des performances accrues, un support CSS amélioré et bien d’autres choses comme la notion de suggestions. Retrouvez la liste complète des nouveautés à l’adresse http://www.microsoft.com/presspass/newsroom/windows/factsheets/IE8FS.mspx

Pour les développeurs, on notera tout de même la présence d’un outil permettant de faire du debugging.

Téléchargez Internet Explorer à l’adresse: http://www.microsoft.com/ie8