useful links about ts/js testing on a project with Gatsby.js
-
Jest - is a delightful JavaScript Testing Framework with a focus on simplicity.
erkobridee
/ gatsbyjs_ts-js_testing.md
Last active Dec 10, 2019
View gatsbyjs_ts-js_testing.md
erkobridee
/ iframe-content.css
Last active Dec 2, 2019
set focus to an iframe after loads its content
View iframe-content.css
| // hack to enable touch after focus on the iframe | |
| html, | |
| body { | |
| touch-action: auto; | |
| } |
View google_chrome_notepad.md
past the following string into the google chrome address bar:
data:text/html,<html contenteditable>
erkobridee
/ git_repo_backup.sh
Last active Jun 21, 2019
useful way to backup a whole repository from on remote to another remote server on an Unix base system
View git_repo_backup.sh
| # define a full backup of a git repository from one remote server to another one | |
| origin="https://remote-source/repository.git"; | |
| target="https://remote-target/repository.git"; | |
| workDir="temp-directory"; | |
| mkdir $workDir |
erkobridee
/ multiline_regexp_sample.js
Created Apr 30, 2019
example of how to write a multiline RegExp and keep under row max length lint rules
View multiline_regexp_sample.js
| const DEVICES_REGEXP = new RegExp([ | |
| /Android|webOS/, | |
| /|iPhone|iPad|iPod/, | |
| /|BB10|BlackBerry/, | |
| /|IEMobile|Opera Mini/, | |
| /|Mobile|mobile/ | |
| ].map(function(r) {return r.source}).join(''), 'i'); | |
| // output: /Android|webOS|iPhone|iPad|iPod|BB10|BlackBerry|IEMobile|Opera Mini|Mobile|mobile/i |
erkobridee
/ isElementVisible.js
Last active May 6, 2019
a way to detect if a given element is on the visible area of the page
View isElementVisible.js
| function isElementVisible(el, fullVisible) { | |
| // efp - element from point | |
| function efp(x, y) { | |
| return window.document.elementFromPoint(x, y); | |
| } | |
| function getVWidth() { | |
| return window.innerWidth || window.document.documentElement.clientWidth; | |
| } |
View useWait.ts
| import * as React from 'react'; | |
| export type TFunction = (...args: any[]) => any; | |
| /** | |
| * common code to define useTimeout or useInterval hooks | |
| * | |
| * @param waitFunction | |
| * @param cleanWaitFunction | |
| */ |
erkobridee
/ AudioPlayerHelper.ts
Created Apr 19, 2019
a workaround to be able to play sounds anywhere (coded to be able to play sounds on iOS devices)
View AudioPlayerHelper.ts
| // empty sound | |
| const TEST_AUDIO_MP3 = [ | |
| 'data:audio/mpeg;base64', | |
| ',/+MYxAAAAANIAUAAAASEEB/jwOFM/0MM/90b/+RhST//w4NFwOjf', | |
| '///PZu//', | |
| '//9lns5GFDv//l9GlUIEEIAAAgIg8Ir/JGq3/', | |
| '+MYxDsLIj5QMYcoAP0dv9HIjUcH//yYSg+CIbkGP//', | |
| '8w0bLVjUP///3Z0x5QCAv/yLjwtGKTEFNRTMuOTeqqqqqqqqqqqqq/', | |
| '+MYxEkNmdJkUYc4AKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq', | |
| 'qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq' |
erkobridee
/ useTimeout.ts
Last active Apr 18, 2019
based on: https://medium.com/@sdolidze/the-iceberg-of-react-hooks-af0b588f43fb
View useTimeout.ts
| import * as React from 'react'; | |
| type TFunction = (...args: any[]) => any; | |
| /** | |
| * safe way to use window.setTimeout using a hook to handle it | |
| * | |
| * @param {TFunction} callback to be executed by the timeout | |
| * @param {number} delay time to the execution | |
| * @param {boolean} autorun flag that says if should start running right after call the hook - default true |
erkobridee
/ useInterval.ts
Last active Apr 18, 2019
based on: https://overreacted.io/making-setinterval-declarative-with-react-hooks/
View useInterval.ts
| import * as React from 'react'; | |
| export type TFunction = (...args: any[]) => any; | |
| /** | |
| * safe way to use window.setInterval using a hook to handle it | |
| * | |
| * @param {TFunction} callback to be executed on each interval | |
| * @param {number} delay time between the executions | |
| * @param {boolean} autorun flag that says if should start running right after call the hook - default true |
NewerOlder