From e0d8596e1c84f54a31d837574851a192dc11c5be Mon Sep 17 00:00:00 2001 From: Jannis Mattheis Date: Fri, 14 Sep 2018 20:50:05 +0200 Subject: [PATCH] Add selector utils provides easy access to forms and tables --- ui/src/tests/selector.ts | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 ui/src/tests/selector.ts diff --git a/ui/src/tests/selector.ts b/ui/src/tests/selector.ts new file mode 100644 index 0000000..bca2ffc --- /dev/null +++ b/ui/src/tests/selector.ts @@ -0,0 +1,24 @@ +export const heading = () => { + return `main h1`; +}; + +export const table = (tableSelector: string) => { + return { + selector: () => tableSelector, + rows: () => `${tableSelector} tbody tr`, + row: (index: number) => `${tableSelector} tbody tr:nth-child(${index})`, + cell: (index: number, col: number, suffix = '') => + `${tableSelector} tbody tr:nth-child(${index}) td:nth-child(${col}) ${suffix}`, + }; +}; + +export const form = (dialogSelector: string) => { + return { + selector: () => dialogSelector, + input: (selector: string) => `${dialogSelector} ${selector} input`, + textarea: (selector: string) => `${dialogSelector} ${selector} textarea[type=text]`, + button: (selector: string) => `${dialogSelector} button${selector}`, + }; +}; + +export const $confirmDialog = form('.confirm-dialog');