{"version":"1.0","provider_name":"inovex GmbH","provider_url":"https:\/\/www.inovex.de\/de\/","author_name":"Viet Duc Mai","author_url":"https:\/\/www.inovex.de\/de\/blog\/author\/vmai\/","title":"Screenshot Testing mit BackstopJS [State of the Web] - inovex GmbH","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"LilpzVkrSp\"><a href=\"https:\/\/www.inovex.de\/de\/blog\/screenshot-testing-mit-backstopjs-sotw\/\">Screenshot Testing mit BackstopJS [State of the Web]<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.inovex.de\/de\/blog\/screenshot-testing-mit-backstopjs-sotw\/embed\/#?secret=LilpzVkrSp\" width=\"600\" height=\"338\" title=\"&#8222;Screenshot Testing mit BackstopJS [State of the Web]&#8220; &#8211; inovex GmbH\" data-secret=\"LilpzVkrSp\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.inovex.de\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/www.inovex.de\/wp-content\/uploads\/2019\/01\/backstopjs.png","thumbnail_width":1440,"thumbnail_height":810,"description":"In diesem Blog Post gebe ich einen \u00dcberblick, wie erste Tests f\u00fcr BackstopJS geschrieben werden. Dar\u00fcber hinaus erkl\u00e4re ich, wie man BackstopJS in Docker ausf\u00fchrt, welche Befehle zur Verf\u00fcgung stehen und wie visuelle Tests in einer Gitlab-Pipeline ausgef\u00fchrt werden k\u00f6nnen."}