135 lines
		
	
	
		
			5.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			135 lines
		
	
	
		
			5.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
<html lang="cz">
 | 
						|
 | 
						|
<head>
 | 
						|
    <meta name="description" content="Dokumentace pro všechny testery" />
 | 
						|
    <meta name="keywords" content="Playwright, Automatizované testovaní" />
 | 
						|
    <meta name="author" content="Lukáš Kaňka" />
 | 
						|
    <meta charset="UTF-8">
 | 
						|
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
						|
    <link rel="stylesheet" href="/style.css">
 | 
						|
    <link rel="shortcut icon" href="images/a picture of a text editor on a pc in the style of comics.jpg" />
 | 
						|
    <title>Testing Docs - Playwright první test</title>
 | 
						|
</head>
 | 
						|
 | 
						|
<body>
 | 
						|
    <h1>Testing Docs CZ</h1>
 | 
						|
    <h2>Dokumentace pro všechny testery</h2>
 | 
						|
    <hr>
 | 
						|
    <div class="menu">
 | 
						|
        <center>
 | 
						|
            <ul>
 | 
						|
                <li class="menu-item"><a class="button" href="/index.html">Domů</a></li>
 | 
						|
                <li class="menu-item"><a class="button" href="/podpora.html">Podpora</a></li>
 | 
						|
                <li class="menu-item"><a class="button" href="/mapa-webu.html">Mapa webu</a></li>
 | 
						|
                <li class="menu-item"><a class="button" href="/privaci-polici.html">Zásady o ochraně osobních dat</a>
 | 
						|
                </li>
 | 
						|
            </ul>
 | 
						|
        </center>
 | 
						|
    </div>
 | 
						|
    <hr>
 | 
						|
 | 
						|
    <div class="flexbox">
 | 
						|
        <div class="navigation">
 | 
						|
            <ul>
 | 
						|
                <li><a class="button" href="/automatizovana-testovani.html">Automatizované testování</a></li>
 | 
						|
                <li><a class="button" href="/nastroje.html">Nástroje</a></li>
 | 
						|
                <li><a class="button" href="/penetracni-testovani.html">Penetrační testování</a></li>
 | 
						|
                <li><a class="button" href="/testing-obecne.html">Testing obečně</a></li>
 | 
						|
                <li><a class="button" href="/testovani-mobilnich-aplikaci.html">Testování mobilních aplikací</a></li>
 | 
						|
                <li><a class="button" href="/testovani-pristupnosti.html">Testování přístupnosti</a></li>
 | 
						|
                <li><a class="button" href="/zatezove-testovani.html">Zátěžové testování</a></li>
 | 
						|
            </ul>
 | 
						|
        </div>
 | 
						|
 | 
						|
        <div class="content">
 | 
						|
            <p class="big-text">Playwright první test</p>
 | 
						|
            <p>Základní a jednoduchý test na webu Google</p>
 | 
						|
            <table class="code">
 | 
						|
                <tr>
 | 
						|
                    <th>import { test, expect } from '@playwright/test';</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>import { chromium } from '@playwright/test';</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>( async () => {</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>const browser = await chromium.launch();</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>const context = await browser.newContext();</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>const page = await context.newPage();</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>await page.goto('<https: //google.com>');</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>// Odsouhlasí cookies</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>await page.click('#L2AGLb');</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>// Klikněte na pole pro vyhledávání.</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>const searchInput = await page.$('[name="q"]');</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>await searchInput?.type('test');</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>// Potvrdíme vyhledávání stisknutím klávesy Enter</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th> await searchInput?.press('Enter');</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>await page.waitForNavigation();</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>console.log('Search results page title:', await
 | 
						|
                        page.title());</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>// Vypíše název stránky do konzole</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th> const title = await page.title();</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>console.log(title);</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>// Zavře prohlížeč kde probíhal test</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th>await browser.close();</th>
 | 
						|
                </tr>
 | 
						|
                <tr>
 | 
						|
                    <th> });</th>
 | 
						|
                </tr>
 | 
						|
            </table>
 | 
						|
        </div>
 | 
						|
        <div class="articles">
 | 
						|
            <table>
 | 
						|
                <caption>Nejdůležitější články:</caption>
 | 
						|
                <tr>
 | 
						|
                    <th>
 | 
						|
                        <li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
 | 
						|
                                testování</a>
 | 
						|
                        </li>
 | 
						|
                    </th>
 | 
						|
                </tr>
 | 
						|
            </table>
 | 
						|
        </div>
 | 
						|
    </div>
 | 
						|
    <footer>Copyright © Lukáš Kaňka 2023</footer>
 | 
						|
 | 
						|
</body>
 | 
						|
 | 
						|
</html> |