Skip to content

Instantly share code, notes, and snippets.

Bilal Haidar bhaidar

  • Remote
Block or report user

Report or block bhaidar

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@bhaidar
bhaidar / circleci-config-yml
Created Dec 23, 2019
.circleci/config.yml
View circleci-config-yml
version: 2
jobs:
build:
working_directory: ~/applitools-github-circleci
docker:
- image: cypress/base:10
steps:
- checkout
- restore_cache:
keys:
@bhaidar
bhaidar / sales-force-contact-form
Last active Dec 24, 2019
sales-force-contact-form
View sales-force-contact-form
/// <reference types="Cypress" />
context('Applitools', () => {
beforeEach(() => {
// Open the Applitools Test
cy.eyesOpen({
appName: 'Applitools CircleCI',
browser: [
{ width: 800, height: 600, name: 'firefox' },
@bhaidar
bhaidar / Postman POST PUT Requests.txt
Created Nov 21, 2019 — forked from ethanstenis/Postman POST PUT Requests.txt
How to make Postman work with POST/PUT requests in Laravel...
View Postman POST PUT Requests.txt
To make Postman work with POST/PUT requests...
https://laravel.com/docs/5.2/routing#csrf-x-csrf-token
In addition to checking for the CSRF token as a POST parameter, the Laravel VerifyCsrfToken middleware will also check for the X-CSRF-TOKEN request header.
1. Store the token in a "meta" tag at the top of your root view file (layouts/app.blade.php)...
<meta name="csrf-token" content="{{ csrf_token() }}">
** If using jQuery, you can now instruct it to include the token in all request headers.
$.ajaxSetup({
@bhaidar
bhaidar / css-selectors.md
Created Nov 2, 2019 — forked from magicznyleszek/css-selectors.md
CSS Selectors Cheatsheet
View css-selectors.md

CSS Selectors Cheatsheet

Element selectors

Element -- selects all h2 elements on the page

h2 {
    foo: bar;
View search-results-component-grid-syncfusion
@Component({
selector: 'app-search-results',
template: `
<ng-container *ngIf="results && results.length">
<ejs-grid [dataSource]='results' rowHeight='38' height='600' [allowFiltering]='true' [filterSettings]='filterOptions'>
<e-columns>
<e-column field='full_name' headerText='Repo Name' [filter]='filter'></e-column>
<e-column field='owner.login' headerText='Owner Name' width='250' [allowFiltering]='false'></e-column>
<e-column headerText='Created at' width='250' [allowFiltering]='false'>
<ng-template #template let-data>
View search-results-component-syncfusion
export class AppComponent implements OnInit, OnDestroy {
private onDestroy$ = new Subject();
private refresh$ = new BehaviorSubject<string>('');
private results$: Observable<GitHubRepositoryModel[]>;
constructor(private readonly searchService: GetHubSearchService) {}
ngOnInit() {
this.results$ = this.refresh$.pipe(
filter(Boolean),
View search-bar-component-syncfusion
@Component({
selector: 'app-search-bar',
template: `
<div class="wrap">
<input class="e-input" #searchInputEl name='input' type="text" placeholder="Enter search term"/>
</div> `,
styles: [`
.wrap {
box-sizing: border-box;
margin: 0 auto;
View drag-drop-syncfusion
import { Component, ViewChild, AfterViewInit } from '@angular/core';
import { Draggable, Droppable, DropEventArgs } from '@syncfusion/ej2-base';
@Component({
selector: 'app-drag-drop',
template:`
<div id='container'>
<div #droppable class="droppable"><p class='drop'>Drop target </p></div>
<div #draggable class="draggable"><p class='drag'>Draggable Element </p></div>
</div>
View eyesOpen-browsers
// Open the Applitools Test
cy.eyesOpen({
appName: 'Cross Browser Testing',
browser: [
{ width: 800, height: 600, name: 'firefox' },
{ width: 1024, height: 768, name: 'chrome' },
{ deviceName: 'iPhone X', screenOrientation: 'landscape', name: 'chrome' }
]
});
@bhaidar
bhaidar / cross-browser-testing-visual
Last active Nov 4, 2019
cross-browser-testing-visual
View cross-browser-testing-visual
/// <reference types="Cypress" />
context('Applitools', () => {
beforeEach(() => {
// Open the Applitools Test
cy.eyesOpen({
appName: 'Cross Browser Testing',
browser: [
{ width: 800, height: 600, name: 'firefox' },
You can’t perform that action at this time.