Comment utiliser PhantomJS pour des tests sans interface en PHP

Dans l'environnement de développement Web moderne, les tests sans interface sont une étape indispensable car ils peuvent simuler les opérations des utilisateurs et vérifier l'exactitude de l'interface utilisateur. PhantomJS est un outil populaire pour les tests automatisés dans un environnement sans tête. Cet article explique comment utiliser PhantomJS en PHP pour des tests sans interface.

1. Installez PhantomJS

Tout d'abord, vous devez installer PhantomJS sur la machine. Vous pouvez le télécharger et l'installer à partir du site officiel. Voici les étapes d'installation sous Linux :

1. Téléchargez le binaire PhantomJS
   $ sudo apt-get install wget unzip
   $ wget https://github.com/Medium/phantomjs/releases/download/v2.1.1/phantomjs- 2.1 .1-linux-x86_64.tar.bz2
2. Décompressez le binaire
   $ tar xvf phantomjs-2.1.1-linux-x86_64.tar.bz2
3. Ajoutez l'exécutable PhantomJS au chemin système
   $ sudo mv phantomjs- 2.1 .1-linux-x86_64/bin/phantomjs /usr/local/bin/

Maintenant, PhantomJS a été installé et peut être vérifié en exécutant la commande "phantomjs" sur la ligne de commande.

2. Utilisez PhantomJS en PHP pour les tests automatisés

Après avoir installé PhantomJS, l'étape suivante consiste à l'intégrer dans PHP pour les tests automatisés. Vous trouverez ci-dessous un simple script PHP qui utilise PhantomJS pour ouvrir Google.com et rechercher « PhantomJS ».

<?php
  $url = 'https://www.google.com/';
  $searchText = 'PhantomJS';

  // 启动PhantomJS服务
  $phantomjs = new JonnyWPhantomJsClient();
  $phantomjs->getEngine()->setPath('/usr/local/bin/phantomjs');
  $request = $phantomjs->getMessageFactory()->createRequest($url, 'GET');
  $response = $phantomjs->getMessageFactory()->createResponse();

  // 执行搜索
  $request->setDelay(5); // 等待5秒钟
  $request->setViewportSize(1024, 768); // 设置视口大小
  $request->setRequestData(array('q' => $searchText), JonnyWPhantomJsHttpRequestInterface::METHOD_POST);
  $phantomjs->send($request, $response);

  // 输出响应
  echo $response->getContent();

Le code ci-dessus utilise une bibliothèque PHP "jonnyw/phantomjs", qui fournit une interface simple pour contrôler PhantomJS et obtenir des réponses. Tout d'abord, vous devez démarrer le service PhantomJS et définir son chemin d'exécution. Ensuite, créez un objet de requête et spécifiez l'URL de la page à laquelle accéder ainsi que le texte de recherche. Ensuite, vous pouvez définir la taille et le délai de la page, ainsi que le type de requête (POST ou GET). Enfin, utilisez la méthode send() pour envoyer la requête et stocker la réponse. La réponse peut être obtenue dans l'objet $response.

3. Utilisation avancée

En plus de l'utilisation de base ci-dessus, PhantomJS propose également de nombreuses utilisations avancées qui peuvent être explorées. Voici quelques exemples :

1. Prenez des captures d'écran de la page
   Utilisez PhantomJS pour capturer facilement des captures d'écran. L'exemple de code est le suivant :

<?php
  $url = 'https://www.google.com/';
  $searchText = 'PhantomJS';

  // 启动PhantomJS服务
  $phantomjs = new JonnyWPhantomJsClient();
  $phantomjs->getEngine()->setPath('/usr/local/bin/phantomjs');
  $request = $phantomjs->getMessageFactory()->createRequest($url, 'GET');

  // 设置截图配置
  $settings = array(
      'quality' => 90,
      'format' => 'png',
      'viewportSize' => array('width' => 1024, 'height' => 768),
      'clipRect' => array('top' => 0, 'left' => 0, 'width' => 1024, 'height' => 768),
      'paperSize' => array('format' => 'A4', 'orientation' => 'portrait', 'margin' => '1cm'),
  );

  // 创建一个屏幕截图
  $screenshot = $phantomjs->captureScreenshot($request, $settings);

  // 保存截图到文件
  file_put_contents('screenshot.png', $screenshot->getBinary());

2. Simulez les opérations de l'utilisateur
   PhantomJS peut simuler des opérations de l'utilisateur telles que le clic, le défilement et la saisie. , L'exemple de code est le suivant :

<?php
  $url = 'https://www.google.com/';
  $searchText = 'PhantomJS';

  // 启动PhantomJS服务
  $phantomjs = new JonnyWPhantomJsClient();
  $phantomjs->getEngine()->setPath('/usr/local/bin/phantomjs');
  $request = $phantomjs->getMessageFactory()->createRequest($url, 'GET');
  $response = $phantomjs->getMessageFactory()->createResponse();

  // 执行搜索
  $request->setDelay(5); // 等待5秒钟
  $request->setViewportSize(1024, 768); // 设置视口大小
  $request->setRequestData(array('q' => $searchText), JonnyWPhantomJsHttpRequestInterface::METHOD_POST);

  // 模拟点击
  $request->setScript('document.getElementsByName("btnG")[0].click();');

  // 模拟滚动
  $request->setScript('window.scrollTo(0, document.body.scrollHeight);');

  // 模拟输入
  $request->setScript('document.getElementsByName("q")[0].setAttribute("value", "PhantomJS");');

  $phantomjs->send($request, $response);

  // 输出响应
  echo $response->getContent();

4. Conclusion

PhantomJS est un puissant outil de test sans interface qui peut aider les développeurs à automatiser les tests pendant le processus de développement Web. En utilisant PhantomJS avec PHP, vous pouvez facilement écrire des scripts de test sans interface et simuler les actions des utilisateurs. Que ce soit pour les développeurs ou les testeurs, l’efficacité des tests peut être grandement améliorée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!