kankys
/
testing-docs.cz
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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>

149
automatizovane-testovani.html
View File

@ -2,91 +2,94 @@
<html lang="cz"> <html lang="cz">
<head> <head>
<meta content="Dokumentace pro všechny testery" name="description"/> <meta content="Dokumentace pro všechny testery" name="description" />
<meta content="automatizované testování, články, rady" name="keywords"/> <meta content="automatizované testování, články, rady" name="keywords" />
<meta content="Lukáš Kaňka" name="author"/> <meta content="Lukáš Kaňka" name="author" />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="style.css" rel="stylesheet"> <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> <title>Testing Docs - Automatizované testování</title>
</head> </head>
<body> <body>
<h1>Testing Docs CZ</h1> <h1>Testing Docs CZ</h1>
<h2>Dokumentace pro všechny testery</h2> <h2>Dokumentace pro všechny testery</h2>
<hr> <hr>
<div class="menu"> <div class="menu">
<center> <center>
<ul> <ul>
<li class="menu-item"><a class="button" href="index.html">Domů</a></li> <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="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="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 class="menu-item"><a class="button" href="privaci-polici.html">Zásady o ochraně osobních dat</a>
</li> </li>
</ul> </ul>
</center> </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>
<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"> <div class="content">
<p class="big-text">Automatizované testování</p> <p class="big-text">Automatizované testování</p>
<ul> <ul>
<li><a class="button" href="articles/co-je-automatizovane-testovani.html">Co je automatizované <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é
testování</a></li> 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> Playwright</a></li>
</th> <li><a class="button" href="articles/playwright-dot-net.html">Playwright DotNet</a></li>
</tr> <li><a class="button" href="articles/playwright-reporty.html">Reporty v Playwright</a></li>
</table> <li><a class="button" href="articles/playwright-instalace-vscode.html">Playwright instalace VSCode</a>
</div> </li>
</div> <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> </body>
</html> </html>

79
style.css
View File

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

19
test.html
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>