Pest: Add Pest plugin to documentation

Created on 5 Aug 2020 · 13Comments · Source: pestphp/pest

The plugin is now getting a stable release and I think it is time for us to actually add it to the website for user's to easily find it.

JetBrains has support for two different iframes which might be useful in docs

<iframe frameborder="none" width="230px" height="110px" src="https://plugins.jetbrains.com/embeddable/card/14636"></iframe>

```
https://plugins.jetbrains.com/embeddable/install/14636</a>"<br /> ````</p> <p>ofc. we don't have to use them 👍 </p> </div> <div> <div class="float-right"> <a class="text-muted" href="https://www.github.com/pestphp/pest/issues/157" rel="nofollow noreferrer" target="_blank" onclick="dataLayer.push({'event': 'GAEvent', 'eventCategory': 'click', 'eventAction': 'source_bottom', 'eventLabel': 'Source Bottom', 'eventValue': undefined});">Source</a> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/5870441?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt=" picture"> <strong>olivernybroe</strong> </div> <div class="col text-right"> </div> </div> </div> </div> </div> <div class="col-12"> <div id="ph-above-best-comment"> </div> </div> <div class="col-12 mb-4 best-comment"> <div> <h2 class="mb-3"><i class="fas fa-check mr-2"></i>Most helpful comment</h2> </div> <div class="card card-custom border-lg-success mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Can we extract only the downloads number from the JetBrains website?</p> <p>If so, we could have a custom design like so, for each plugin:<br /> (I would write a text introduction on top of the page, before throwing the cards).</p> <p><img loading="lazy" src="https://user-images.githubusercontent.com/19224681/89660655-ee89e380-d8d1-11ea-855e-91129654056b.png" alt="image" /></p> <p>I've reused a "dome badge" CSS class I'm using on my projects to make different logos fit better together.<br /> Also, the card is inspired by some TailwindUI components, and the "download" SVG icon is from Heroicons 👍 </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/19224681?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt=" picture"> <strong>AlexMartinFR</strong> <span class="text-muted ml-1">on 7 Aug 2020</span> </div> <div class="col text-right"> ❤<span class="ml-2 mr-3">3</span> </div> </div> </div> </div> </div> <div class="col-12"> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="9295564578" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="col-12 d-flex align-items-center mb-4"> <h2>All 13 comments</h2> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>I feel like it would be nice to create our own component that fits with the rest of the site. But either of those embeds would probably be fine, although that's loading another thing from a remote endpoint. :shrug:</p> <p>Maybe just something like this which is basically just from Tailwind UI: <a rel="nofollow noopener" target="_blank" href="https://tailwind.run/VE8bmN">https://tailwind.run/VE8bmN</a></p> <p>Probably with the logo to the left side as well. :+1:</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1899334?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="owenvoke picture"> <strong>owenvoke</strong> <span class="text-muted ml-1">on 5 Aug 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@owenvoke</strong> Yeah, I think our own component would prob. be better 👍 Just wanted to show the option if somebody found them a better fit.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/5870441?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="olivernybroe picture"> <strong>olivernybroe</strong> <span class="text-muted ml-1">on 5 Aug 2020</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">2</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>cc <strong>@AlexMartinFR</strong> </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/5457236?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="nunomaduro picture"> <strong>nunomaduro</strong> <span class="text-muted ml-1">on 5 Aug 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>I might be able to make a component later today.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/6823226?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="octoper picture"> <strong>octoper</strong> <span class="text-muted ml-1">on 6 Aug 2020</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Now that we have an official PHPStorm plugin, can we assume <a rel="nofollow noopener" target="_blank" href="https://github.com/pestphp/pest/issues/86">all issues listed here</a> are solved?</p> <p>If so, we could turn the pending <strong>PHPStorm guide</strong> into a broader <strong>IDE integration</strong> guide:</p> <ul> <li>PHPStorm with the official plugin</li> <li>VSCode with <a rel="nofollow noopener" target="_blank" href="https://github.com/m1guelpf/better-pest">https://github.com/m1guelpf/better-pest</a> (if it's OK with <strong>@m1guelpf</strong> of course)</li> </ul> <p>About the embeddable plugin card:<br /> We can design something better, sure, but I like that they show the number of downloads!</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/19224681?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="AlexMartinFR picture"> <strong>AlexMartinFR</strong> <span class="text-muted ml-1">on 6 Aug 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3731713875" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@AlexMartinFR</strong> We can also use shield.io for the downloads part, they support intellij plugins</p> <p>I think we can assume all issues listed there are resolved, and if not they should be opened as issues on that repo</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/5870441?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="olivernybroe picture"> <strong>olivernybroe</strong> <span class="text-muted ml-1">on 6 Aug 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Can we extract only the downloads number from the JetBrains website?</p> <p>If so, we could have a custom design like so, for each plugin:<br /> (I would write a text introduction on top of the page, before throwing the cards).</p> <p><img loading="lazy" src="https://user-images.githubusercontent.com/19224681/89660655-ee89e380-d8d1-11ea-855e-91129654056b.png" alt="image" /></p> <p>I've reused a "dome badge" CSS class I'm using on my projects to make different logos fit better together.<br /> Also, the card is inspired by some TailwindUI components, and the "download" SVG icon is from Heroicons 👍 </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/19224681?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="AlexMartinFR picture"> <strong>AlexMartinFR</strong> <span class="text-muted ml-1">on 7 Aug 2020</span> </div> <div class="col text-right"> ❤<span class="ml-2 mr-3">3</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@AlexMartinFR</strong>, that looks great! You could probably use their API and just extract the relevant XML attribute?<br /> <a rel="nofollow noopener" target="_blank" href="https://plugins.jetbrains.com/plugins/list?pluginId=14636">https://plugins.jetbrains.com/plugins/list?pluginId=14636</a></p> <p>It's under the following XML XPath selector:</p> <pre><code class="prettyprint">/plugin-repository/category/idea-plugin[1]/<strong>@downloads</strong> </code></pre> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1899334?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="owenvoke picture"> <strong>owenvoke</strong> <span class="text-muted ml-1">on 7 Aug 2020</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">2</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@owenvoke</strong> that is also how shields.io does it (with the xml) 👍 </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/5870441?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="olivernybroe picture"> <strong>olivernybroe</strong> <span class="text-muted ml-1">on 13 Aug 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Shootout to <strong>@octoper</strong> who is working in the dark to bring this to life! 👍 </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/19224681?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="AlexMartinFR picture"> <strong>AlexMartinFR</strong> <span class="text-muted ml-1">on 4 Sep 2020</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>This is gonna be included in the new Pest Website</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/6823226?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="octoper picture"> <strong>octoper</strong> <span class="text-muted ml-1">on 20 Sep 2020</span> </div> <div class="col text-right"> ❤<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@octoper</strong> looking sooo forward to that 👍 </p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/5870441?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="olivernybroe picture"> <strong>olivernybroe</strong> <span class="text-muted ml-1">on 21 Sep 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@olivernybroe</strong> I think that you can close that issue because the page has been added to the new website!</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/6823226?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="octoper picture"> <strong>octoper</strong> <span class="text-muted ml-1">on 24 Sep 2020</span> </div> <div class="col text-right"> 🎉<span class="ml-2 mr-3">2</span> </div> </div> </div> </div> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown text-center helpful"> <div class="title">Was this page helpful?</div> <div class="mt-1" onMouseLeave="rating(673368486, 0);"> <i class="fas fa-star inactive" id="star-1" onMouseOver="rating(673368486, 1);" onclick="rate(673368486, 1);"></i> <i class="fas fa-star inactive" id="star-2" onMouseOver="rating(673368486, 2);" onclick="rate(673368486, 2);"></i> <i class="fas fa-star inactive" id="star-3" onMouseOver="rating(673368486, 3);" onclick="rate(673368486, 3);"></i> <i class="fas fa-star inactive" id="star-4" onMouseOver="rating(673368486, 4);" onclick="rate(673368486, 4);"></i> <i class="fas fa-star inactive" id="star-5" onMouseOver="rating(673368486, 5);" onclick="rate(673368486, 5);"></i> </div> <div class="description text-small"><span id="rating-val">0</span> / 5 - <span id="rating-count">0</span> ratings</div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3452512275" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div id="ph-above-related"></div> <div class="card card-custom issue-box"> <div class="card-body pt-3 pb-5"> <h2 class="mb-4">Related issues</h2> <div> <strong> <a href="/pest/757645454/phpstorm-throws-expression-result-is-not-used-anywhere-when">PhpStorm throws expression result is not used anywhere when using test() instead of it()</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/8638515?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="dingo-d picture"> <strong class="pr-1" dir="ltr">dingo-d</strong>  ·  <span class="px-1" dir="ltr">6</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/pest/638596603/option-coverage-is-ambiguous">option --coverage is ambiguous</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/22145591?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="faustbrian picture"> <strong class="pr-1" dir="ltr">faustbrian</strong>  ·  <span class="px-1" dir="ltr">5</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/pest/683818260/laravel-env-not-picked-up-in-test">Laravel .env not picked up in test</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/1517011?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="JacobBennett picture"> <strong class="pr-1" dir="ltr">JacobBennett</strong>  ·  <span class="px-1" dir="ltr">6</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/pest/638138729/documentation-ux-improvements-ideas">Documentation / UX: Improvements ideas</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/19224681?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="AlexMartinFR picture"> <strong class="pr-1" dir="ltr">AlexMartinFR</strong>  ·  <span class="px-1" dir="ltr">6</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/pest/711272110/can-t-use-empty-array-as-one-of-dataset-values">Can't use empty array as one of dataset values</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/23099574?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="rihardssceredins picture"> <strong class="pr-1" dir="ltr">rihardssceredins</strong>  ·  <span class="px-1" dir="ltr">5</span><span>Comments</span> </div> </div> </div> <div class="sticky-top pt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="ph-below-related-2" class="mt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="col-12 col-lg-4"> </div> </div> <div class="skyscraper-container"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="7879185320" data-ad-format="vertical" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="mt-5 spacer"></div> <footer class="mt-5 pb-2 py-4 text-center mt-auto"> <div class="container"> <a class="navbar-brand logo mr-5" href="/"> <img src="/assets/img/logo.svg" width="40" height="40" alt="bleepingcoder logo"> bleeping<strong>coder</strong> </a> <div class="mt-4"> bleepingcoder.com uses publicly licensed GitHub information to provide developers around the world with solutions to their problems. We are not affiliated with GitHub, Inc. or with any developers who use GitHub for their projects. We do not host any of the videos or images on our servers. All rights belong to their respective owners. </div> <div> Source for this page: <a href="https://www.github.com/pestphp/pest/issues/157" rel="nofollow noreferrer" target="_blank">Source</a> </div> </div> <hr class="mb-5 mt-5"> <div class="container"> <div class="row"> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular programming languages</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/python" dir="ltr">Python</a> </li> <li class="mb-2"> <a href="/javascript" dir="ltr">JavaScript</a> </li> <li class="mb-2"> <a href="/typescript" dir="ltr">TypeScript</a> </li> <li class="mb-2"> <a href="/cpp" dir="ltr">C++</a> </li> <li class="mb-2"> <a href="/csharp" dir="ltr">C#</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/microsoft/vscode" dir="ltr">vscode</a> </li> <li class="mb-2"> <a href="/numpy/numpy" dir="ltr">numpy</a> </li> <li class="mb-2"> <a href="/ant-design/ant-design" dir="ltr">ant-design</a> </li> <li class="mb-2"> <a href="/mui-org/material-ui" dir="ltr">material-ui</a> </li> <li class="mb-2"> <a href="/vercel/next-js" dir="ltr">next.js</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-0"> <strong>More GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/rust-lang/rust" dir="ltr">rust</a> </li> <li class="mb-2"> <a href="/moment/moment" dir="ltr">moment</a> </li> <li class="mb-2"> <a href="/yarnpkg/yarn" dir="ltr">yarn</a> </li> <li class="mb-2"> <a href="/mozilla/pdf-js" dir="ltr">pdf.js</a> </li> <li class="mb-2"> <a href="/JuliaLang/julia" dir="ltr">julia</a> </li> </ul> </div> </div> </div> <hr class="mb-5 mt-5"> <div class="container text-muted"> © 2026 bleepingcoder.com - <a href="/bleeps" rel="nofollow">Contact</a><br /> By using our site, you acknowledge that you have read and understand our <a href="/cookies" rel="nofollow">Cookie Policy</a> and <a href="/privacy" rel="nofollow">Privacy Policy</a>. </div> </footer> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> <script async src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>  <script type="text/javascript" src="/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script></body> </html>