Débogage des modèles de dégradés

Question

Je cherche à utiliser deface v1.0.2 pour modifier certains modèles haml dans une application 4.2 de rails complexes. De this issue, il semble que les templates haml soient compilés en erb, puis traités par nokogiri, puis transformés en HTML.

Je ne cherche que des suggestions sur la façon de déboguer les modèles de dégradé. Y at-il un moyen de capturer l'étape intermédiaire erb? Le problème particulier que je rencontre est que j'ai du mal à écrire les bons sélecteurs pour la vue rails que je veux modifier (c'est un formulaire). Notez que j'utilise le .deface DSL (fichiers) plutôt que Deface::Override, mais je suis content d'entendre des suggestions de débogage dans n'importe quel format.

choses que je l'ai fait:

• écrit un sélecteur simple contre un h1 et un div dans la page que je veux modifier
• essayé d'ajouter le code à chaque entité erb[loud]
• examiné le readme : https://github.com/DefaceCommunity/deface
• googlé, et c'est le most helpful answer et this showed up ainsi
• recherchées debug dans le proje Problèmes de ct (bien qu'il y ait assez de fourchettes dont je ne suis pas sûr canonique)

Je cherche vraiment un moyen d'apprendre à écrire des sélecteurs précis qui ne sont pas 'deviner et vérifier'. Je suis également ouvert à entendre parler d'autres bibliothèques qui seraient un meilleur choix que la défiguration pour modifier les vues.

Merci pour votre temps.

Answer 1

On dirait qu'il ya quelques tâches de râteau qui vous permettent de tester sélecteurs contre vues:

deface: test_selector - Applique un sélecteur CSS fourni contre un partiel ou modèle et émet le balisage pour chaque match (si tout). test_selector nécessite deux arguments, le premier est le virtual_path pour la partie/matrice, le second est le sélecteur de CSS pour appliquer:

rake deface:test_selector[shared/_head,title] 

regarde la shared/_head override et sélectionne les title éléments

rake deface:test_selector['admin/products/index','div.toolbar'] 

examine le paramètre admin/products/index et sélectionne les éléments div.toolbar.

Exemples de: https://github.com/DefaceCommunity/deface#rake-tasks