responsivní web

This commit is contained in:
Lukáš Kaňka 2024-01-08 10:20:53 +01:00
parent ee68b482f9
commit e7ed96dc89
4 changed files with 194 additions and 130 deletions

77
articles/mstest.html Normal file
View File

@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="cz">
<head>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="automatizované testování, MSTest" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="/style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - MSTest</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="/automatizovane-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">MSTest</p>
<p>MSTest je framework pro testování softwaru, který je součástí platformy .NETa pochází od společnosti
Microsoft. Pomocí MSTestu lze psát a spouštětautomatizované testy pro ověření funkcionality a správnosti
kódu. MSTestposkytuje sadu funkcí a nástrojů pro vytváření a organizaci testovacíchpřípadů, jejich
spouštění
a vyhodnocování výsledků. Je možné cílit na různéčásti kódu, včetně tříd, metod, proměnných a
vlastností, a
ověřit jejichočekávané chování. MSTest lze použít jak v prostředí Visual Studio, tak i vprostředí Visual
Studio Code.</p>
</div>
<div class="articles">
<table>
<caption>Nejdůležitější články:</caption>
<tr>
<th>
<li><a class="button" href="co-je-automatizovane-testovani.html">Co je automatizované
testování</a>
</li>
<li><a class="button" href="otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</html>

View File

@ -2,91 +2,94 @@
<html lang="cz">
<head>
<meta content="Dokumentace pro všechny testery" name="description"/>
<meta content="automatizované testování, články, rady" name="keywords"/>
<meta content="Lukáš Kaňka" name="author"/>
<meta content="Dokumentace pro všechny testery" name="description" />
<meta content="automatizované testování, články, rady" name="keywords" />
<meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet">
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon"/>
<link href="images/a picture of a text editor on a pc in the style of comics.jpg" rel="shortcut icon" />
<title>Testing Docs - Automatizované testování</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="automatizovane-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>
<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="automatizovane-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">Automatizované testování</p>
<ul>
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a></li>
<li><a class="button" href="articles/nastroje-k-testovani-mobilnich-aplikaci.html">Nástroje k testování
mobilních aplikací</a></li>
<li><a class="button" href="articles/playwright-jak-zacit.html">Playwright jak začít</a></li>
<li><a class="button" href="articles/playwright-prvni-test.html">Playwright první test</a></li>
<li><a class="button" href="articles/playwright-komplet-souhrn.html">Playwright komplet souhrn</a></li>
<li><a class="button" href="articles/playwright-mocha-reporter.html">Playwright Mocha reporter</a></li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědi k
Playwright</a></li>
<li><a class="button" href="articles/playwright-dot-net.html">Playwright DotNet</a></li>
<li><a class="button" href="articles/playwright-reporty.html">Reporty v Playwright</a></li>
<li><a class="button" href="articles/playwright-instalace-vscode.html">Playwright instalace VSCode</a></li>
<li><a class="button" href="articles/snimky-obrazovky-v-playwright.html">Snímky obrazovky v Playwright</a>
</li>
<li><a class="button" href="articles/playwright-test-ukazka.html">Playwright ukázka testu</a></li>
<li><a class="button" href="articles/playwright.html">Playwright seznámení</a</li>
<li><a class="button" href="articles/cypress-nastaveni-typescript.html">Cypress nastavení psaní kódu v
Typescript</a></li>
<li><a class="button" href="articles/cypress.html">Cypress seznámení</a></li>
<li><a class="button" href="articles/net-nunit-zalozeni-projektu.html">Nunit založení projektu</a></li>
<li><a class="button" href="articles/nunit.html">Nunit seznámení</a></li>
<li><a class="button" href="articles/mstest-zaklad.html">MStest založení projektu</a></li>
</ul>
</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é
<div class="content">
<p class="big-text">Automatizované testování</p>
<ul>
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované
testování</a></li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
<li><a class="button" href="articles/nastroje-k-testovani-mobilnich-aplikaci.html">Nástroje k testování
mobilních aplikací</a></li>
<li><a class="button" href="articles/playwright-jak-zacit.html">Playwright jak začít</a></li>
<li><a class="button" href="articles/playwright-prvni-test.html">Playwright první test</a></li>
<li><a class="button" href="articles/playwright-komplet-souhrn.html">Playwright komplet souhrn</a></li>
<li><a class="button" href="articles/playwright-mocha-reporter.html">Playwright Mocha reporter</a></li>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědi k
Playwright</a></li>
</th>
</tr>
</table>
</div>
</div>
<li><a class="button" href="articles/playwright-dot-net.html">Playwright DotNet</a></li>
<li><a class="button" href="articles/playwright-reporty.html">Reporty v Playwright</a></li>
<li><a class="button" href="articles/playwright-instalace-vscode.html">Playwright instalace VSCode</a>
</li>
<li><a class="button" href="articles/snimky-obrazovky-v-playwright.html">Snímky obrazovky v
Playwright</a>
</li>
<li><a class="button" href="articles/playwright-test-ukazka.html">Playwright ukázka testu</a></li>
<li><a class="button" href="articles/playwright.html">Playwright seznámení</a< /li>
<li><a class="button" href="articles/cypress-nastaveni-typescript.html">Cypress nastavení psaní kódu v
Typescript</a></li>
<li><a class="button" href="articles/cypress.html">Cypress seznámení</a></li>
<li><a class="button" href="articles/net-nunit-zalozeni-projektu.html">Nunit založení projektu</a></li>
<li><a class="button" href="articles/nunit.html">Nunit seznámení</a></li>
<li><a class="button" href="articles/mstest-zaklad.html">MStest založení projektu</a></li>
<li><a class="button" href="articles/mstest.html">MSTest seznámení</a></li>
</ul>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
<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>
<li><a class="button" href="articles/otazky-a-odpovedi-playwright.html">Otázky a odpovědí k
Playwright</a></li>
</th>
</tr>
</table>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>
</body>
</html>
</html>

View File

@ -1,93 +1,96 @@
:root {
--special_black: rgb(11, 2, 2);
--special_white: white;
--special_grey: grey;
--special_black_original: black;
--special_black: rgb(11, 2, 2);
--special_white: white;
--special_grey: grey;
--special_black_original: black;
}
body {
background-color: var(--special_black);
color: var(--special_white);
background-color: var(--special_black);
color: var(--special_white);
width: calc(100% - 32px);
max-width: 1200px;
margin: auto;
}
.menu-item {
display: inline-block;
width: 200px;
height: 20px;
position: static;
text-align: center;
display: inline-block;
width: 200px;
height: 20px;
position: static;
text-align: center;
}
.flexbox {
display: flex;
display: flex;
}
.navigation {
flex: 1;
margin: 0px 0px 0px 50px;
flex: 1;
margin: 0px 0px 0px 50px;
}
.content {
flex: 3;
margin-bottom: 20px;
flex: 3;
margin-bottom: 20px;
}
.articles {
margin: 0px 50px 0px 0px;
margin: 0px 50px 0px 0px;
}
footer {
position: fixed;
bottom: 0;
position: fixed;
bottom: 0;
}
.big-text {
font-size: 40px;
font-size: 40px;
}
h1 {
font-family: cursive;
margin: 0px 0px 0px 30px;
font-family: cursive;
margin: 0px 0px 0px 30px;
}
h2 {
font-family: cursive;
margin: 0px 0px 0px 30px;
font-family: cursive;
margin: 0px 0px 0px 30px;
}
/*.link-white*/
.button {
color: var(--special_white);
color: var(--special_white);
}
td,
th {
border: 1px solid var(--special_white);
padding: 10px;
border: 1px solid var(--special_white);
padding: 10px;
}
.code-box {
border: 1px solid var(--special_white);
padding: 10px;
background-color: var(--special_grey);
font-family: monospace;
color: var(--special_black_original);
font-weight: bold;
border-radius: 8px;
border: 1px solid var(--special_white);
padding: 10px;
background-color: var(--special_grey);
font-family: monospace;
color: var(--special_black_original);
font-weight: bold;
border-radius: 8px;
}
.not-dot {
list-style-type: none;
list-style-type: none;
}
.link {
color: var(--special_white);
color: var(--special_white);
}
.strong-text {
font-weight: bold;
font-weight: bold;
}
.link-black {
color: var(--special_black_original);
color: var(--special_black_original);
}

View File

@ -1,19 +0,0 @@
<!doctype html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<p></p>
<p></p>
<div></div>
<div><p></p></div>
p
</body>
</html>