Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

How to use fromPoint method in Testcafe

Best JavaScript code snippet using testcafe

shapes2.mjs

Source:shapes2.mjs

1// Return points for WebGL use2export default {3    wire: {4        triangle: function() {},5        cube: function(fromPoint, toPoint) {6            var dims = [7              toPoint[0] - fromPoint[0],8              toPoint[1] - fromPoint[1],9              toPoint[2] - fromPoint[2]10            ];11            // 12            var points = new Float32Array([13                // lower face's outline14                fromPoint[0], fromPoint[1], fromPoint[2],15                fromPoint[0] + dims[0], fromPoint[1], fromPoint[2],16                fromPoint[0] + dims[0], fromPoint[1], fromPoint[2],17                fromPoint[0] + dims[0], fromPoint[1] + dims[1], fromPoint[2],18                fromPoint[0] + dims[0], fromPoint[1] + dims[1], fromPoint[2],19                fromPoint[0], fromPoint[1] + dims[1], fromPoint[2],20                fromPoint[0], fromPoint[1] + dims[1], fromPoint[2],21                fromPoint[0], fromPoint[1], fromPoint[2],22                // higher face's outine23                toPoint[0], toPoint[1], toPoint[2],24                toPoint[0] - dims[0], toPoint[1], toPoint[2],25                toPoint[0] - dims[0], toPoint[1], toPoint[2],26                toPoint[0] - dims[0], toPoint[1] - dims[1], toPoint[2],27                toPoint[0] - dims[0], toPoint[1] - dims[1], toPoint[2],28                toPoint[0], toPoint[1] - dims[1], toPoint[2],29                toPoint[0], toPoint[1] - dims[1], toPoint[2],30                toPoint[0], toPoint[1], toPoint[2],31                // connectors32                fromPoint[0], fromPoint[1], fromPoint[2],33                toPoint[0] - dims[0], toPoint[1] - dims[1], toPoint[2],34                fromPoint[0] + dims[0], fromPoint[1], fromPoint[2],35                toPoint[0], toPoint[1] - dims[1], toPoint[2],36                fromPoint[0] + dims[0], fromPoint[1] + dims[1], fromPoint[2],37                toPoint[0], toPoint[1], toPoint[2],38                fromPoint[0], fromPoint[1] + dims[1], fromPoint[2],39                toPoint[0] - dims[0], toPoint[1], toPoint[2]40            ]);41            return points;42        },43        mesh: function(fromPoint, width, depth) {44            var points = [];45            var w = width - 1;46            var d = depth - 1;47            for (var i = 1; i < w; i++) {48                points.push(fromPoint[0] + i, fromPoint[1], fromPoint[2]);49                points.push(fromPoint[0] + i, fromPoint[1], fromPoint[2] + depth);50            }51            for (var j = 1; j < d; j++) {52                points.push(fromPoint[0], fromPoint[1], fromPoint[2] + j);53                points.push(fromPoint[0] + width, fromPoint[1], fromPoint[2] + j);54            }55            return new Float32Array(points);56        }57    },58    // A flat triangle59    triangle: function(offset) {60        var points = [ 0, 0, 0, 1, 0, 0, 1, 1, 0 ];61        for (var i = 0; i < points.length; i += 3) {62            points[i] += offset[0];63            points[i + 1] += offset[1];64            points[i + 2] += offset[2];65        }66        return {67            vertices: points,68            faces: [ 0, 1, 2 ],69            texcoord: [ 0, 0, 1, 0, 1, 1 ]70        };71    },72    // A flat square - two triangles73    square: function(offset) {74        var points = [75            0, 0, 0,76            0, 1, 0,77            1, 1, 0,78            1, 0, 079        ];80        for (var i = 0; i < points.length; i += 3) {81            points[i] += offset[0];82            points[i + 1] += offset[1];83            points[i + 2] += offset[2];84        }85        return {86            vertices: points,87            faces: [88                0, 3, 2,89                0, 2, 190            ],91            texcoord: [ 0, 0, 0, 1, 1, 1, 0, 0, 1, 1, 1, 0 ]92        };93    },94    two: {95        // start coordinates and end coordinates96        rectangle: function(start, end) {97            var points = [];98            /*99                0, 0, 0,100                0, 1, 0,101                2, 1, 0,102                0, 0, 0,103                2, 1, 0,104                2, 0, 0105            ];106            */107            /*108            Damn, thought I could bake proper rotation into this, with simple addition.109            Not going to work.110            */111            // hmm, it's easy to think about this in 2 dimensions, but hard in 3112            // easy to choose whether to pull from start or end in 2 dims, but hard in 3113            points.push(start[0], start[1], start[2]);114            points.push(end[0], start[1], end[2]);115            points.push(end[0], end[1], end[2]);116            points.push(start[0], start[1], start[2]);117            points.push(end[0], end[1], end[2]);118            points.push(start[0], end[1], end[2]);119            return {120                position: points,121                texcoord: null,122                normals: null123            };124        }125    },126    three: {127        // Being able to pass divideBy helps us specify whole number values,128        // especially with UV maps129        // Idea taken from avatar module130        rectangle: function(width, height, depth, uvCoordinates, divideBy, texture) {131            var w = width / 2;132            var h = height / 2;133            var d = depth / 2;134            divideBy = divideBy || 1;135            var points = [136                // Back face137                -w, -h,  d,138                 w, -h,  d,139                 w,  h,  d,140                -w, -h,  d,141                 w,  h,  d,142                -w,  h,  d,143                // Front face144                 w, -h, -d,145                -w, -h, -d,146                -w,  h, -d,147                 w, -h, -d,148                -w,  h, -d,149                 w,  h, -d,150                 // Top151                -w,  h,  d,152                 w,  h,  d,153                 w,  h, -d,154                -w,  h,  d,155                 w,  h, -d,156                -w,  h, -d,157                // Bottom158                -w, -h, -d,159                 w, -h, -d,160                 w, -h,  d,161                -w, -h, -d,162                 w, -h,  d,163                -w, -h,  d,164                // Left165                -w, -h, -d,166                -w, -h,  d,167                -w,  h,  d,168                -w, -h, -d,169                -w,  h,  d,170                -w,  h, -d,171                // Right172                 w, -h,  d,173                 w, -h, -d,174                 w,  h, -d,175                 w, -h,  d,176                 w,  h, -d,177                 w,  h,  d178            ];179            /*180            var indices = new Uint16Array([181                // TODO: FIX THESE FOR PROPER ROTATION182                // Back183                0, 1, 2,184                0, 2, 3,185                // Front186                5, 4, 7,187                5, 7, 6,188                // Top189                3, 2, 6,190                3, 6, 7,191                // Bottom192                4, 5, 1,193                4, 1, 0,194                // Left195                4, 0, 3,196                4, 3, 7,197                // Right198                1, 5, 6,199                1, 6, 2200            ]);201            */202            var texcoord = new Float32Array((points.length / 3) * 2);203            var j = 0;204            for (var i = 0; i < uvCoordinates.length; i += 4) {205                var x = uvCoordinates[i] / divideBy;206                var y = uvCoordinates[i + 1] / divideBy;207                var x2 = x + (uvCoordinates[i + 2] / divideBy);208                var y2 = y + (uvCoordinates[i + 3] / divideBy);209                texcoord[j] = x210                texcoord[j + 1] = y;211                texcoord[j + 2] = x2;212                texcoord[j + 3] = y;213                texcoord[j + 4] = x2;214                texcoord[j + 5] = y2;215                texcoord[j + 6] = x;216                texcoord[j + 7] = y;217                texcoord[j + 8] = x2;218                texcoord[j + 9] = y2;219                texcoord[j + 10] = x;220                texcoord[j + 11] = y2;221                j += 12;222            }223            var normals = [];224            // back225            normals.push(226                0.0,  0.0, -1.0,227                0.0,  0.0, -1.0,228                0.0,  0.0, -1.0,229                0.0,  0.0, -1.0,230                0.0,  0.0, -1.0,231                0.0,  0.0, -1.0232            );233            // front234            normals.push(235                0.0,  0.0,  1.0,236                0.0,  0.0,  1.0,237                0.0,  0.0,  1.0,238                0.0,  0.0,  1.0,239                0.0,  0.0,  1.0,240                0.0,  0.0,  1.0241            );242            //top243            normals.push(244                0.0,  1.0,  0.0,245                0.0,  1.0,  0.0,246                0.0,  1.0,  0.0,247                0.0,  1.0,  0.0,248                0.0,  1.0,  0.0,249                0.0,  1.0,  0.0250            );251            // bottom252            normals.push(253                0.0, -1.0,  0.0,254                0.0, -1.0,  0.0,255                0.0, -1.0,  0.0,256                0.0, -1.0,  0.0,257                0.0, -1.0,  0.0,258                0.0, -1.0,  0.0259            );260            // left261            normals.push(262                -1.0,  0.0,  0.0,263                -1.0,  0.0,  0.0,264                -1.0,  0.0,  0.0,265                -1.0,  0.0,  0.0,266                -1.0,  0.0,  0.0,267                -1.0,  0.0,  0.0268            );269            // right270            normals.push(271                1.0,  0.0,  0.0,272                1.0,  0.0,  0.0,273                1.0,  0.0,  0.0,274                1.0,  0.0,  0.0,275                1.0,  0.0,  0.0,276                1.0,  0.0,  0.0277            );278            return {279                vertices: new Float32Array(points),280                //indices: indices,281                //faces: faces,282                texcoords: texcoord,283                normals: normals,284                texture: texture285            };286        }287    }...

Diagram.js

Source:Diagram.js

1function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }2function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }3import React, { forwardRef, useCallback, useContext, useEffect, useRef, useState } from 'react';4import { ThemeContext } from 'styled-components';5import { defaultProps } from '../../default-props';6import { normalizeColor, parseMetricToNum, useForwardedRef } from '../../utils';7import { StyledDiagram } from './StyledDiagram';8var computeMidPoint = function computeMidPoint(fromPoint, toPoint) {9  return [fromPoint[0] > toPoint[0] ? toPoint[0] + (fromPoint[0] - toPoint[0]) / 2 : fromPoint[0] + (toPoint[0] - fromPoint[0]) / 2, fromPoint[1] > toPoint[1] ? toPoint[1] + (fromPoint[1] - toPoint[1]) / 2 : fromPoint[1] + (toPoint[1] - fromPoint[1]) / 2];10};11var COMMANDS = {12  curved: function curved(fromPoint, toPoint, offset, anchor) {13    var midPoint = computeMidPoint(fromPoint, toPoint);14    var cmds = "M " + (fromPoint[0] + offset) + "," + (fromPoint[1] + offset) + " ";15    if (anchor === 'horizontal') {16      cmds += "Q " + (midPoint[0] + offset) + "," + (fromPoint[1] + offset) + " " + (midPoint[0] + offset + "," + (midPoint[1] + offset) + " ");17    } else {18      cmds += "Q " + (fromPoint[0] + offset) + "," + (midPoint[1] + offset) + " " + (midPoint[0] + offset + "," + (midPoint[1] + offset) + " ");19    }20    cmds += "T " + (toPoint[0] + offset) + "," + (toPoint[1] + offset);21    return cmds;22  },23  direct: function direct(fromPoint, toPoint, offset) {24    return "M " + (fromPoint[0] + offset) + "," + (fromPoint[1] + offset) + " " + ("L " + (toPoint[0] + offset) + "," + (toPoint[1] + offset));25  },26  rectilinear: function rectilinear(fromPoint, toPoint, offset, anchor) {27    var midPoint = computeMidPoint(fromPoint, toPoint);28    var cmds = "M " + (fromPoint[0] + offset) + "," + (fromPoint[1] + offset) + " ";29    if (anchor === 'horizontal') {30      cmds += "L " + (midPoint[0] + offset) + "," + (fromPoint[1] + offset) + " " + ("L " + (midPoint[0] + offset) + "," + (toPoint[1] + offset) + " ");31    } else {32      cmds += "L " + (fromPoint[0] + offset) + "," + (midPoint[1] + offset) + " " + ("L " + (toPoint[0] + offset) + "," + (midPoint[1] + offset) + " ");33    }34    cmds += "L " + (toPoint[0] + offset) + "," + (toPoint[1] + offset);35    return cmds;36  }37};38var findTarget = function findTarget(target) {39  if (typeof target === 'string') {40    return document.getElementById(target);41  }42  return target;43};44var Diagram = /*#__PURE__*/forwardRef(function (_ref, ref) {45  var connections = _ref.connections,46      rest = _objectWithoutPropertiesLoose(_ref, ["connections"]);47  var theme = useContext(ThemeContext) || defaultProps.theme;48  var _useState = useState({49    width: 0,50    height: 051  }),52      dimensions = _useState[0],53      setDimensions = _useState[1];54  var _useState2 = useState(),55      connectionPoints = _useState2[0],56      setConnectionPoints = _useState2[1];57  var svgRef = useForwardedRef(ref);58  useEffect(function () {59    setConnectionPoints(undefined);60  }, [connections]);61  var onResize = useCallback(function () {62    var svg = svgRef.current;63    if (svg) {64      var rect = svg.getBoundingClientRect();65      if (rect.width !== dimensions.width || rect.height !== dimensions.height) {66        setDimensions({67          width: rect.width,68          height: rect.height69        });70        setConnectionPoints(undefined);71      }72    }73  }, [dimensions.width, dimensions.height, svgRef]); // Ref that stores resize handler74  var savedOnResize = useRef(); // Update resize ref value if onResize changes.75  // This allows our effect below to always get latest handler76  useEffect(function () {77    savedOnResize.current = onResize;78  }, [onResize]);79  useEffect(function () {80    var onResizeHandler = function onResizeHandler(event) {81      return savedOnResize.current(event);82    };83    onResizeHandler();84    window.addEventListener('resize', onResizeHandler);85    return function () {86      window.removeEventListener('resize', onResizeHandler);87    };88  }, []);89  var placeConnections = useCallback(function () {90    var containerRect = svgRef.current.getBoundingClientRect();91    var updatedConnectionPoints = connections.map(function (_ref2) {92      var anchor = _ref2.anchor,93          fromTarget = _ref2.fromTarget,94          toTarget = _ref2.toTarget;95      var points;96      var fromElement = findTarget(fromTarget);97      var toElement = findTarget(toTarget);98      if (!fromElement) {99        console.warn("Diagram cannot find " + fromTarget);100      }101      if (!toElement) {102        console.warn("Diagram cannot find " + toTarget);103      }104      if (fromElement && toElement) {105        var fromRect = fromElement.getBoundingClientRect();106        var toRect = toElement.getBoundingClientRect(); // There is no x and y when unit testing.107        var fromPoint = [fromRect.left - containerRect.left || 0, fromRect.top - containerRect.top || 0];108        var toPoint = [toRect.left - containerRect.left || 0, toRect.top - containerRect.top || 0];109        if (anchor === 'vertical') {110          fromPoint[0] += fromRect.width / 2;111          toPoint[0] += toRect.width / 2;112          if (fromRect.top < toRect.top) {113            fromPoint[1] += fromRect.height;114          } else {115            toPoint[1] += toRect.height;116          }117        } else if (anchor === 'horizontal') {118          fromPoint[1] += fromRect.height / 2;119          toPoint[1] += toRect.height / 2;120          if (fromRect.left < toRect.left) {121            fromPoint[0] += fromRect.width;122          } else {123            toPoint[0] += toRect.width;124          }125        } else {126          // center127          fromPoint[0] += fromRect.width / 2;128          fromPoint[1] += fromRect.height / 2;129          toPoint[0] += toRect.width / 2;130          toPoint[1] += toRect.height / 2;131        }132        points = [fromPoint, toPoint];133      }134      return points;135    });136    setConnectionPoints(updatedConnectionPoints);137  }, [connections, svgRef]);138  useEffect(function () {139    if (!connectionPoints) {140      placeConnections();141    }142  }, [connectionPoints, placeConnections]);143  var paths;144  if (connectionPoints) {145    paths = connections.map(function (_ref3, index) {146      var anchor = _ref3.anchor,147          color = _ref3.color,148          offset = _ref3.offset,149          round = _ref3.round,150          thickness = _ref3.thickness,151          type = _ref3.type,152          connectionRest = _objectWithoutPropertiesLoose(_ref3, ["anchor", "color", "offset", "round", "thickness", "type"]);153      var path;154      var cleanedRest = _extends({}, connectionRest);155      delete cleanedRest.fromTarget;156      delete cleanedRest.toTarget;157      var points = connectionPoints[index];158      if (points) {159        var offsetWidth = offset ? parseMetricToNum(theme.global.edgeSize[offset]) : 0;160        var d = COMMANDS[type || 'curved'](points[0], points[1], offsetWidth, anchor);161        var strokeWidth = thickness ? parseMetricToNum(theme.global.edgeSize[thickness] || thickness) : 1;162        var colorName = color || theme.diagram.line && theme.diagram.line.color;163        if (!colorName) {164          var colors = Object.keys(theme.global.colors).filter(function (n) {165            return n.match(/^graph-[0-9]$/);166          });167          colorName = colors[index % colors.length];168        }169        path = /*#__PURE__*/React.createElement("path", _extends({170          // eslint-disable-next-line react/no-array-index-key171          key: index172        }, cleanedRest, {173          stroke: normalizeColor(colorName, theme),174          strokeWidth: strokeWidth,175          strokeLinecap: round ? 'round' : 'butt',176          strokeLinejoin: round ? 'round' : 'miter',177          fill: "none",178          d: d179        }));180      }181      return path;182    });183  }184  return /*#__PURE__*/React.createElement(StyledDiagram, _extends({185    ref: svgRef,186    viewBox: "0 0 " + dimensions.width + " " + dimensions.height,187    preserveAspectRatio: "xMinYMin meet"188  }, rest), /*#__PURE__*/React.createElement("g", null, paths));189});190Diagram.displayName = 'Diagram';191Diagram.defaultProps = {192  connections: []193};194var DiagramDoc;195if (process.env.NODE_ENV !== 'production') {196  // eslint-disable-next-line global-require197  DiagramDoc = require('./doc').doc(Diagram);198}199var DiagramWrapper = DiagramDoc || Diagram;...

DimensioningLink.js

Source:DimensioningLink.js

1"use strict";2/*3*  Copyright (C) 1998-2018 by Northwoods Software Corporation. All Rights Reserved.4*/5// A custom routed Link for showing the distances between a point on one node and a point on another node.6// Note that because this is a Link, the points being measured must be on Nodes, not simple Parts.7// The exact point on each Node is determined by the Link.fromSpot and Link.toSpot.8// Several properties of the DimensioningLink customize the appearance of the dimensioning:9// direction, for orientation of the dimension line and which side it is on,10// extension, for how far the dimension line is from the measured points,11// inset, for leaving room for a text label, and12// gap, for distance that the extension line starts from the measured points13/**14* @constructor15* @extends Link16* @class17*/18function DimensioningLink() {19  go.Link.call(this);20  this.isLayoutPositioned = false;21  this.isTreeLink = false;22  this.routing = go.Link.Orthogonal;23  /** @type {number} */24  this._direction = 0;25  /** @type {number} */26  this._extension = 30;27  /** @type {number} */28  this._inset = 10;29  /** @type {number} */30  this._gap = 10;31}32go.Diagram.inherit(DimensioningLink, go.Link);33/*34* The general angle at which the measurement should be made.35* The default value is 0, meaning to go measure only along the X axis,36* with the dimension line and label above the two nodes (at lower Y coordinates).37* New values must be one of: 0, 90, 180, 270, or NaN.38* The value NaN indicates that the measurement is point-to-point and not orthogonal.39* @name DimensioningLink#direction40* @function.41* @return {number}42*/43Object.defineProperty(DimensioningLink.prototype, "direction", {44  get: function() { return this._direction; },45  set: function(value) {46    if (isNaN(value) || value === 0 || value === 90 || value === 180 || value === 270) {47      this._direction = value;48    } else {49      throw new Error("DimensioningLink: invalid new direction: " + value);50    }51  }52});53/*54* The distance at which the dimension line should be from the points being measured.55* The default value is 30.56* Larger values mean further away from the nodes.57* The new value must be greater than or equal to zero.58* @name DimensioningLink#extension59* @function.60* @return {number}61*/62Object.defineProperty(DimensioningLink.prototype, "extension", {63  get: function() { return this._extension; },64  set: function(value) { this._extension = value; }65});66/*67* The distance that the dimension line should be "indented" from the ends of the68* extension lines that are orthogonal to the dimension line.69* The default value is 10.70* @name DimensioningLink#inset71* @function.72* @return {number}73*/74Object.defineProperty(DimensioningLink.prototype, "inset", {75  get: function() { return this._inset; },76  set: function(value) {77    if (value >= 0) {78      this._inset = value;79    } else {80      throw new Error("DimensioningLink: invalid new inset: " + value);81    }82  }83});84/*85* The distance that the extension lines should come short of the measured points.86* The default value is 10.87* @name DimensioningLink#gap88* @function.89* @return {number}90*/91Object.defineProperty(DimensioningLink.prototype, "gap", {92  get: function() { return this._gap; },93  set: function(value) {94    if (value >= 0) {95      this._gap = value;96    } else {97      throw new Error("DimensioningLink: invalid new gap: " + value);98    }99  }100});101/**102* @override103* @return {boolean} true if it computed a route of points104*/105DimensioningLink.prototype.computePoints = function() {106  var fromnode = this.fromNode;107  if (!fromnode) return false;108  var fromport = this.fromPort;109  var fromspot = this.computeSpot(true);110  var tonode = this.toNode;111  if (!tonode) return false;112  var toport = this.toPort;113  var tospot = this.computeSpot(false);114  var frompoint = this.getLinkPoint(fromnode, fromport, fromspot, true, true, tonode, toport);115  if (!frompoint.isReal()) return false;116  var topoint = this.getLinkPoint(tonode, toport, tospot, false, true, fromnode, fromport);117  if (!topoint.isReal()) return false;118  this.clearPoints();119  var ang = this.direction;120  if (isNaN(ang)) {121    ang = frompoint.directionPoint(topoint);122    var p = new go.Point(this.extension, 0);123    p.rotate(ang + 90);124    var q = new go.Point(this.extension - this.inset, 0);125    q.rotate(ang + 90);126    var g = new go.Point(this.gap, 0);127    g.rotate(ang + 90);128    this.addPointAt(frompoint.x + g.x, frompoint.y + g.y);129    this.addPointAt(frompoint.x + p.x, frompoint.y + p.y);130    this.addPointAt(frompoint.x + q.x, frompoint.y + q.y);131    this.addPointAt(topoint.x + q.x, topoint.y + q.y);132    this.addPointAt(topoint.x + p.x, topoint.y + p.y);133    this.addPointAt(topoint.x + g.x, topoint.y + g.y);134  } else {135    var dist = this.extension;136    var r = 0.0;137    var s = 0.0;138    var t0 = 0.0;139    var t1 = 0.0;140    if (ang === 0 || ang === 180) {141      if (ang === 0) {142        r = Math.min(frompoint.y, topoint.y) - this.extension;143        s = r + this.inset;144        t0 = frompoint.y - this.gap;145        t1 = topoint.y - this.gap;146      } else {147        r = Math.max(frompoint.y, topoint.y) + this.extension;148        s = r - this.inset;149        t0 = frompoint.y + this.gap;150        t1 = topoint.y + this.gap;151      }152      this.addPointAt(frompoint.x, t0);153      this.addPointAt(frompoint.x + 0.01, r);154      this.addPointAt(frompoint.x, s);155      this.addPointAt(topoint.x, s);156      this.addPointAt(topoint.x - 0.01, r);157      this.addPointAt(topoint.x, t1);158    } else if (ang === 90 || ang === 270) {159      if (ang === 90) {160        r = Math.max(frompoint.x, topoint.x) + this.extension;161        s = r - this.inset;162        t0 = frompoint.x + this.gap;163        t1 = topoint.x + this.gap;164      } else {165        r = Math.min(frompoint.x, topoint.x) - this.extension;166        s = r + this.inset;167        t0 = frompoint.x - this.gap;168        t1 = topoint.x - this.gap;169      }170      this.addPointAt(t0, frompoint.y);171      this.addPointAt(r, frompoint.y + 0.01);172      this.addPointAt(s, frompoint.y);173      this.addPointAt(s, topoint.y);174      this.addPointAt(r, topoint.y - 0.01);175      this.addPointAt(t1, topoint.y);176    }177  }178  this.updateTargetBindings();179  return true;...

day_5.js

Source:day_5.js

1// ##################### Part 1 #####################2const fs = require('fs')3const content = fs.readFileSync(process.cwd() + "\\" + "day_5_data.txt").toString()4/*5Parse format: 6[7    { fromPoint: { x: 715, y: 620 }, toPoint: { x: 715, y: 633 } },8    { fromPoint: { x: 915, y: 385 }, toPoint: { x: 505, y: 385 } },9    ...10]11*/12const contentArr = content13    .split("\r\n")14    .map(line => {15        const fromToArr = line.split(" -> ")16        return {17            fromPoint: {18                x: parseInt(fromToArr[0].split(",")[0]),19                y: parseInt(fromToArr[0].split(",")[1])20            },21            toPoint: {22                x: parseInt(fromToArr[1].split(",")[0]),23                y: parseInt(fromToArr[1].split(",")[1])24            }25        }26    })27//Find the largest X and Y coordinate28let maxX = 029let maxY = 030contentArr.forEach(line => {31    line.fromPoint.x > maxX && (maxX = line.fromPoint.x)32    line.toPoint.x > maxX && (maxX = line.toPoint.x)33    line.fromPoint.y > maxY && (maxY = line.fromPoint.y)34    line.toPoint.y > maxY && (maxY = line.toPoint.y)35})36// Create maxX by maxY matrix representing diagram37const diagram = Array.from(Array(maxY + 1), _ => Array(maxX + 1).fill(0))38// Filter ut only the straight lines (no diagonals)39const straightLines = contentArr.filter(line =>40    line.fromPoint.x === line.toPoint.x ||41    line.fromPoint.y === line.toPoint.y42)43// Fills a straight line in the diagram, increments the cell44// in the diagram it crosses45function fillStraightLineInDiagram(line) {46    if (line.fromPoint.x === line.toPoint.x) {47        let x = line.fromPoint.x48        let fromY = Math.min(line.fromPoint.y, line.toPoint.y)49        let toY = Math.max(line.fromPoint.y, line.toPoint.y)50        for (let y = fromY; y <= toY; y++) {51            diagram[x][y] += 152        }53    } else {54        let y = line.fromPoint.y55        let fromX = Math.min(line.fromPoint.x, line.toPoint.x)56        let toX = Math.max(line.fromPoint.x, line.toPoint.x)57        for (let x = fromX; x <= toX; x++) {58            diagram[x][y] += 159        }60    }61}62// Fill all the straight lines63straightLines.forEach(line => {64    fillStraightLineInDiagram(line)65})66// Count the cells which are crossed by multiple lines, 67// i.e. contain a number higher than 168let straightLineCounter = 069for (let i = 0; i < diagram.length; i++) {70    for (let j = 0; j < diagram[i].length; j++) {71        if (2 <= diagram[i][j]) straightLineCounter++;72    }73}74// Part 1 result75console.log({ straightLineCounter });76// ##################### Part 2 #####################77// All the diagonal lines78const diagonalLines = contentArr.filter(line =>79    line.fromPoint.x !== line.toPoint.x &&80    line.fromPoint.y !== line.toPoint.y81)82// Not the prettiest solution...83// It's late and I can't be bothered84// Fills a diagonal line in the diagram, increments the cell85// in the diagram it crosses86function fillDiagonalLineInDiagram(line) {87    let x = line.fromPoint.x88    let y = line.fromPoint.y89    if (line.fromPoint.x < line.toPoint.x) {90        if (line.fromPoint.y < line.toPoint.y) {91            while (true) {92                if (x > line.toPoint.x) break;93                diagram[x][y] += 194                x++;95                y++;96            }97        } else {98            while (true) {99                if (x > line.toPoint.x) break;100                diagram[x][y] += 1101                x++;102                y--;103            }104        }105    } else {106        if (line.fromPoint.y < line.toPoint.y) {107            while (true) {108                if (x < line.toPoint.x) break;109                diagram[x][y] += 1110                x--;111                y++;112            }113        } else {114            while (true) {115                if (x < line.toPoint.x) break;116                diagram[x][y] += 1117                x--;118                y--;119            }120        }121    }122}123// Fill all the diagonal lines124// Part 1 filled the straight lines, this is using the125// same (already filled) diagram from part 1126diagonalLines.forEach(line => {127    fillDiagonalLineInDiagram(line)128})129// Count the cells which are crossed by multiple lines 130// (both diagonal and straight), 131// i.e. contain a number higher than 1132let totalCounter = 0133for (let i = 0; i < diagram.length; i++) {134    for (let j = 0; j < diagram[i].length; j++) {135        if (2 <= diagram[i][j]) totalCounter++;136    }137}138// Part 2 result...

RollerCoasterLifters.js

Source:RollerCoasterLifters.js

1/**2 * @author mrdoob / http://mrdoob.com/3 */4var routing = require('../routing');5var RollerCoasterLifters = function ( curve, size ) {6	THREE.BufferGeometry.call( this );7	var vertices = [];8	var normals = [];9	var quaternion = new THREE.Quaternion();10	var up = new THREE.Vector3( 0, 1, 0 );11	var point = new THREE.Vector3();12	var tangent = new THREE.Vector3();13	// shapes14	var tube1 = [15		new THREE.Vector3(  0,  0.5, -0.5 ),16		new THREE.Vector3(  0,  0.5,  0.5 ),17		new THREE.Vector3(  0, -0.5,  0 )18	];19	var tube2 = [20		new THREE.Vector3( -0.5, 0,  0.5 ),21		new THREE.Vector3( -0.5, 0, -0.5 ),22		new THREE.Vector3(  0.5, 0,  0 )23	];24	var tube3 = [25		new THREE.Vector3(  0.5, 0, -0.5 ),26		new THREE.Vector3(  0.5, 0,  0.5 ),27		new THREE.Vector3( -0.5, 0,  0 )28	];29	var vector1 = new THREE.Vector3();30	var vector2 = new THREE.Vector3();31	var vector3 = new THREE.Vector3();32	var vector4 = new THREE.Vector3();33	var normal1 = new THREE.Vector3();34	var normal2 = new THREE.Vector3();35	var normal3 = new THREE.Vector3();36	var normal4 = new THREE.Vector3();37	var extrudeShape = function ( shape, fromPoint, toPoint ) {38		for ( var j = 0, jl = shape.length; j < jl; j ++ ) {39			var point1 = shape[ j ];40			var point2 = shape[ ( j + 1 ) % jl ];41			vector1.copy( point1 )42			vector1.applyQuaternion( quaternion );43			vector1.add( fromPoint );44			vector2.copy( point2 )45			vector2.applyQuaternion( quaternion );46			vector2.add( fromPoint );47			vector3.copy( point2 )48			vector3.applyQuaternion( quaternion );49			vector3.add( toPoint );50			vector4.copy( point1 )51			vector4.applyQuaternion( quaternion );52			vector4.add( toPoint );53			vertices.push( vector1.x, vector1.y, vector1.z );54			vertices.push( vector2.x, vector2.y, vector2.z );55			vertices.push( vector4.x, vector4.y, vector4.z );56			vertices.push( vector2.x, vector2.y, vector2.z );57			vertices.push( vector3.x, vector3.y, vector3.z );58			vertices.push( vector4.x, vector4.y, vector4.z );59			//60			normal1.copy( point1 );61			normal1.applyQuaternion( quaternion );62			normal1.normalize();63			normal2.copy( point2 );64			normal2.applyQuaternion( quaternion );65			normal2.normalize();66			normal3.copy( point2 );67			normal3.applyQuaternion( quaternion );68			normal3.normalize();69			normal4.copy( point1 );70			normal4.applyQuaternion( quaternion );71			normal4.normalize();72			normals.push( normal1.x, normal1.y, normal1.z );73			normals.push( normal2.x, normal2.y, normal2.z );74			normals.push( normal4.x, normal4.y, normal4.z );75			normals.push( normal2.x, normal2.y, normal2.z );76			normals.push( normal3.x, normal3.y, normal3.z );77			normals.push( normal4.x, normal4.y, normal4.z );78		}79	};80	var fromPoint = new THREE.Vector3();81	var toPoint = new THREE.Vector3();82	for ( var i = 1; i <= size; i ++ ) {83		point.copy( curve.getPointAt( i / size ) );84		tangent.copy( curve.getTangentAt( i / size ) );85		var angle = Math.atan2( tangent.x, tangent.z );86		quaternion.setFromAxisAngle( up, angle );87		//88		if ( point.y > 100 ) {89			fromPoint.set( -7.5, -3.5, 0 );90			fromPoint.applyQuaternion( quaternion );91			fromPoint.add( point );92			toPoint.set( 7.5, -3.5, 0 );93			toPoint.applyQuaternion( quaternion );94			toPoint.add( point );95			extrudeShape( tube1, fromPoint, toPoint );96			97			fromPoint.set( -7, -3, 0 );98			fromPoint.applyQuaternion( quaternion );99			fromPoint.add( point );100			toPoint.set( -7, -point.y, 0 );101			toPoint.applyQuaternion( quaternion );102			toPoint.add( point );103			extrudeShape( tube2, fromPoint, toPoint );104			fromPoint.set( 7, -3, 0 );105			fromPoint.applyQuaternion( quaternion );106			fromPoint.add( point );107			toPoint.set( 7, -point.y, 0 );108			toPoint.applyQuaternion( quaternion );109			toPoint.add( point );110			extrudeShape( tube3, fromPoint, toPoint );111		} else {112			fromPoint.set( 0, -2, 0 );113			fromPoint.applyQuaternion( quaternion );114			fromPoint.add( point );115			toPoint.set( 0, -point.y, 0 );116			toPoint.applyQuaternion( quaternion );117			toPoint.add( point );118			extrudeShape( tube3, fromPoint, toPoint );119		}120	}121	this.addAttribute( 'position', new THREE.BufferAttribute( new Float32Array( vertices ), 3 ) );122	this.addAttribute( 'normal', new THREE.BufferAttribute( new Float32Array( normals ), 3 ) );123};124module.exports = RollerCoasterLifters;...

LineTextView_svg.js

Source:LineTextView_svg.js

1/**2 * <p>Title:  </p>3 * <p>Description: </p>4 * <p>Copyright: Copyright (c) xio.name 2006</p>5 * @author xio6 */7function LineTextView_svg() {8    this.base = LineView_svg_t;9    this.base();10     //this.setPosition("absolute");11    //this.setLeft("0px");12    //this.setTop("0px");13    //14    //this.path = Toolkit.newElement("<v:path textpathok='true'/>");15    this.path = Toolkit.newElement("<input type='hidden'  name='path' />");16    this.add(this.path);17    //18    this.textPath = Toolkit.newElement("<input type='text'  name='textpath' />");19    this.add(this.textPath);20}21LineTextView_svg.prototype = new LineView_svg_t();22//23LineTextView_svg.prototype.setText = function (text) {24    text = text ? text : "";25    //this.textPath.string = text;26	this.getSvgLineUI().textContent = "ãã"+text;27};28LineTextView_svg.prototype.getText = function () {29    return this.textPath.string;30};31//32LineTextView_svg.prototype.setFrom = function (point) {33    if (!point) {34        return;35    }36    this.fromPoint = point;37    this._updateDirection();38};39LineTextView_svg.prototype.setTo = function (point) {40    if (!point) {41        return;42    }43    this.toPoint = point;44    this._updateDirection();45};46LineTextView_svg.prototype._updateDirection = function () {47    if (!this.fromPoint) {48        return;49    }50    if (!this.toPoint) {51        return;52    }53    //54    if (this.fromPoint.getX() == this.toPoint.getX()) {55        this.fromPoint.setX(this.fromPoint.getX() - 1);56    }57    if (this.fromPoint.getY() == this.toPoint.getY()) {58        this.fromPoint.setY(this.fromPoint.getY() - 1);59    }60    61	//è®¾ç½®textçèµ·å§ä½ç½®62	var XX1=this.fromPoint.getX();63	var YY1=this.fromPoint.getY();64	var XX2=this.toPoint.getX();65	var YY2=this.toPoint.getY();66    //67    if (this.fromPoint.getX() > this.toPoint.getX()) {68        //this.getUI().from = this.toPoint.getX() + "," + this.toPoint.getY();69        //this.getUI().to = this.fromPoint.getX() + "," + this.fromPoint.getY();70		/*this.getSvgLineUI().setAttribute("x1",this.toPoint.getX());71		this.getSvgLineUI().setAttribute("y1",this.toPoint.getY());72		this.getSvgLineUI().setAttribute("x2",this.fromPoint.getX());73		this.getSvgLineUI().setAttribute("y2",this.fromPoint.getY());*/74		this.getSvgLineUI().setAttribute("x",this.toPoint.getX());75		this.getSvgLineUI().setAttribute("y",this.toPoint.getY());76		 XX2=this.fromPoint.getX();77		 YY2=this.fromPoint.getY();78		 XX1=this.toPoint.getX();79		 YY1=this.toPoint.getY();80	 81    } else {82        //this.getUI().from = this.fromPoint.getX() + "," + this.fromPoint.getY();83        //this.getUI().to = this.toPoint.getX() + "," + this.toPoint.getY();84		/*this.getSvgLineUI().setAttribute("x2",this.toPoint.getX());85		this.getSvgLineUI().setAttribute("y2",this.toPoint.getY());86		this.getSvgLineUI().setAttribute("x1",this.fromPoint.getX());87		this.getSvgLineUI().setAttribute("y1",this.fromPoint.getY());*/88		this.getSvgLineUI().setAttribute("x",this.fromPoint.getX());89		this.getSvgLineUI().setAttribute("y",this.fromPoint.getY());90	    XX1=this.fromPoint.getX();91	    YY1=this.fromPoint.getY();92	    XX2=this.toPoint.getX();93	    YY2=this.toPoint.getY();94    }95    //var  x0=(XX1+XX2)/2;96	//var  y0=(YY1+YY2)/2;97    98	//è®¾ç½®åçè§åº¦99    var  angle=Toolkit.getAngle(XX1,YY1, XX2, YY2);100	this.getSvgLineUI().setAttribute("transform", " rotate("+ angle+","+XX1+","+YY1+")");...

LineTextView.js

Source:LineTextView.js

1/**2 * <p>Title:  </p>3 * <p>Description: </p>4 * <p>Copyright: Copyright (c) itsm.name 2006</p>5 * @author itsm6 */7function LineTextView() {8    //this.base = LineView;9    this.base = Component;10    this.base(Toolkit.newElement("v:line"));11    //this.base();12    this.setPosition("absolute");13    this.setLeft("0px");14    this.setTop("0px");15    //16    this.path = Toolkit.newElement("<v:path textpathok='true'/>");17    this.add(this.path);18    //19    this.textPath = Toolkit.newElement("<v:textpath on='true' style='font-size:15' string=''/>");20    this.add(this.textPath);21}22LineTextView.prototype = new LineView();23//24LineTextView.prototype.setText = function (text) {25    text = text ? text : "";26    this.textPath.string = text;27};28LineTextView.prototype.getText = function () {29    return this.textPath.string;30};31//32LineTextView.prototype.setFrom = function (point) {33    if (!point) {34        return;35    }36    this.fromPoint = point;37    this._updateDirection();38};39LineTextView.prototype.setTo = function (point) {40    if (!point) {41        return;42    }43    this.toPoint = point;44    this._updateDirection();45};46LineTextView.prototype._updateDirection = function () {47	//alert('bbbb');48    if (!this.fromPoint) {49        return;50    }51    if (!this.toPoint) {52        return;53    }54	//alert('ccc');55	//this.fromPoint.setX('248.33333333333337')56	//this.fromPoint.setY('118')57	//this.toPoint.setX('148.66666666666663')58	//this.toPoint.setY('170')59    //60    //alert(this.fromPoint.getX()+'=='+this.fromPoint.getY()+'=='+this.toPoint.getX()+'=='+this.toPoint.getY());61    if (this.fromPoint.getX() == this.toPoint.getX()) {62        this.fromPoint.setX(this.fromPoint.getX() - 1);63    }64    if (this.fromPoint.getY() == this.toPoint.getY()) {65        this.fromPoint.setY(this.fromPoint.getY() - 1);66    }67	//alert(this.fromPoint.getX()+'--'+this.fromPoint.getY()+'--'+this.toPoint.getX()+'--'+this.toPoint.getY());68    //69    var absX = Math.abs(this.toPoint.getX() - this.fromPoint.getX());70    var absY = Math.abs(this.toPoint.getY() - this.fromPoint.getY());71    var absL = Math.sqrt(absX*absX+absY*absY);72    var xx = absY*10/absL; /// (absX * absY);73    var yy = absX*10/absL; /// (absX * absY);74    if (this.fromPoint.getX() > this.toPoint.getX()) {75    	if(this.fromPoint.getY()>this.toPoint.getY()){76	        this.getUI().from = (this.toPoint.getX()+xx) + "," + (this.toPoint.getY()-yy);77	        this.getUI().to = (this.fromPoint.getX()+xx) + "," + (this.fromPoint.getY()-yy);78        }else{79        	this.getUI().from = (this.toPoint.getX()+xx) + "," + (this.toPoint.getY()+yy);80	        this.getUI().to = (this.fromPoint.getX()+xx) + "," + (this.fromPoint.getY()+yy);81        }82    } else {83    	if(this.fromPoint.getY()>this.toPoint.getY()){84	        this.getUI().from = (this.fromPoint.getX()+xx) + "," + (this.fromPoint.getY()+yy);85	        this.getUI().to = (this.toPoint.getX()+xx) + "," + (this.toPoint.getY()+yy);86        }else{87        	this.getUI().from = (this.fromPoint.getX()+xx) + "," + (this.fromPoint.getY()-yy);88	        this.getUI().to = (this.toPoint.getX()+xx) + "," + (this.toPoint.getY()-yy);89        }90        //this.getUI().from = this.fromPoint.getX() + "," + this.fromPoint.getY();91        //this.getUI().to = this.toPoint.getX() + "," + this.toPoint.getY();92    }...

atan2-1.js

Source:atan2-1.js

1// SETUP CANVAS2var canvas = document.getElementById('gamearea'),3ctx = canvas.getContext('2d');4canvas.width = 500;5canvas.height = 500;6 7var state = {8    toPoint: {9        x: canvas.width / 2 + 50,10        y: canvas.height / 2 + 5011    },12    fromPoint: {13        x: canvas.width / 2,14        y: canvas.height / 215    },16    a: 0,17    findAngle: function () {18        this.a = Math.atan2(this.toPoint.y - this.fromPoint.y, this.toPoint.x - this.fromPoint.x);19    }20};21 22// a findAngle method that takes 2 arguments and returns and angle in degrees23var findAngle = function (source, destination) {24    const dx = destination.x - source.x;25    const dy = destination.y - source.y;26   // return (Math.atan2(y1 - y2, x1 - x2) + Math.PI) / Math.PI * 180;27   var angleRad = Math.atan2(dy, dx);28   var angleDegrees = angleRad * (180 / Math.PI);29   /* 30   if(angleRad < 0) {31    angleDegrees = angleDegrees + 360;32}33*/34//degree: 180 - angle35   return  180 - angleDegrees;36  };37// UPADTE38var update = function () {39    state.findAngle();40};41 42// DRAW43var drawPoint = function (point, style) {44    style = style || 'red';45    ctx.beginPath();46    ctx.strokeStyle = style;47    ctx.arc(point.x, point.y, 15, 0, Math.PI * 2);48    ctx.closePath();49    ctx.stroke();50};51 52var draw = function () {53    ctx.fillStyle = 'black';54    ctx.fillRect(0, 0, canvas.width, canvas.height);55 56    drawPoint(state.fromPoint, 'white');57    drawPoint(state.toPoint, 'red');58 59    // draw line from state.fromPoint tp state.toPoint60    ctx.strokeStyle = 'yellow';61    ctx.beginPath();62    ctx.moveTo(state.fromPoint.x, state.fromPoint.y);63    ctx.lineTo(64        state.fromPoint.x + Math.cos(state.a) * 50,65        state.fromPoint.y + Math.sin(state.a) * 50)66    ctx.stroke();67};68 69// INPUT70canvas.addEventListener('mousemove', function (e) {71    var bb = e.target.getBoundingClientRect(),72    x1 = e.clientX - bb.left,73    y1 = e.clientY - bb.top;74 75    state.toPoint.x = x1;76    state.toPoint.y = y1;77    var x2 = state.fromPoint.x;78    var y2 = state.fromPoint.y;79    var info = document.getElementById('angle');80    var angle =  findAngle  (state.toPoint, state.fromPoint);81    info.innerHTML = "angle = " + angle;82 83});84canvas.addEventListener('mousedown', function (e) {85    var bb = e.target.getBoundingClientRect();86    var x1 = e.clientX - bb.left;87    var y1 = e.clientY - bb.top;88    var info = document.getElementById('angle');89    var x2 = state.fromPoint.x;90    var y2 = state.fromPoint.y;91    var angle =  findAngle  (state.fromPoint, state.fromPoint);92    info.innerHTML = "angle = " + angle;93 /* 94    state.fromPoint.x = x;95    state.fromPoint.y = y;96 */97});98 99// LOOP100var loop = function () {101    requestAnimationFrame(loop);102    update();103    draw();104};105 ...

Using AI Code Generation

1import { Selector } from 'testcafe';2test('My first test', async t => {3        .typeText('#developer-name', 'John Smith')4        .click('#tried-test-cafe')5        .click(Selector('label').withText('JavaScript API'))6        .click('#submit-button');7});8import { Selector } from 'testcafe';9test('My first test', async t => {10        .typeText('#developer-name', 'John Smith')11        .click('#tried-test-cafe')12        .click(Selector('label').withText('JavaScript API'))13        .click('#submit-button');14});15import { Selector } from 'testcafe';16test('My first test', async t => {17        .typeText('#developer-name', 'John Smith')18        .click('#tried-test-cafe')19        .click(Selector('label').withText('JavaScript API'))20        .click('#submit-button');21});22import { Selector } from 'testcafe';23test('My first test', async t => {24        .typeText('#developer-name', 'John Smith')25        .click('#tried-test-cafe')26        .click(Selector('label').withText('JavaScript API'))27        .click('#submit-button');28});29import { Selector } from 'testcafe';

Using AI Code Generation

1import { Selector } from 'testcafe';2test('My first test', async t => {3        .typeText('#developer-name', 'John Smith')4        .click('#macos')5        .click('#submit-button');6    const articleHeader = await Selector('.result-content').find('h1');7    let headerText = await articleHeader.innerText;8});9import { Selector } from 'testcafe';10test('My first test', async t => {11        .typeText('#developer-name', 'John Smith')12        .click('#macos')13        .click('#submit-button');14    const articleHeader = Selector(() => {15        const article = document.querySelector('#article-header');16        return article.querySelector('h1');17    });18    let headerText = await articleHeader.innerText;19});20import { Selector, ClientFunction } from 'testcafe';21test('My first test', async t => {22        .typeText('#developer-name', 'John Smith')23        .click('#macos')24        .click('#submit-button');25    const getArticleHeader = ClientFunction(() => document.querySelector('#article-header').innerHTML);26    const articleHeader = Selector(getArticleHeader);27    let headerText = await articleHeader.innerText;28});29import { Selector } from 'testcafe';30test('My first test', async t => {

Using AI Code Generation

1import { Selector } from 'testcafe';2test('My first test', async t => {3    const developerName = Selector('#developer-name');4    const osOption = Selector('#macos');5    const submitButton = Selector('#submit-button');6        .typeText(developerName, 'John Smith')7        .click(osOption)8        .click(submitButton);9});10import { Selector } from 'testcafe';11test('My first test', async t => {12    const developerName = Selector('#developer-name');13    const osOption = Selector('#macos');14    const submitButton = Selector('#submit-button');15        .typeText(developerName, 'John Smith')16        .click(osOption)17        .click(submitButton);18});19import { Selector } from 'testcafe';20test('My first test', async t => {21    const developerName = Selector('#developer-name');22    const osOption = Selector('#macos');23    const submitButton = Selector('#submit-button');24        .typeText(developerName, 'John Smith')25        .click(osOption)26        .click(submitButton);27});

Using AI Code Generation

1import { Selector } from 'testcafe';2test('My first test', async t => {3    const element = Selector('label').withText("I have tried TestCafe");4    const location = await element();5    console.log(location);6        .click(element);7});

Using AI Code Generation

1import { Selector } from 'testcafe';2test('My Test', async t => {3        .click(Selector('label').withText('I have tried TestCafe'))4        .click(Selector('label').withText('I have tried TestCafe').child('span'))5        .click(Selector('label').withText('I have tried TestCafe').child(0))6        .click(Selector('label').withText('I have tried TestCafe').child('span').parent())7        .click(Selector('label').withText('I have tried TestCafe').parent('div').child('span'))8});9import { Selector } from 'testcafe';10test('My Test', async t => {11    const triedTestCafeCheckbox = Selector('label').withText('I have tried TestCafe');12        .click(triedTestCafeCheckbox);13});

Using AI Code Generation

1import { Selector } from 'testcafe';2const fromPoint = require('testcafe-browser-tools').fromPoint;3test('My test', async t => {4    const button = Selector('#submit-button');5    await t.click(button);6    const buttonOffset = await button();7    const buttonCenter = {8    };9    const buttonColor = await fromPoint(buttonCenter.x, buttonCenter.y);10    await t.expect(buttonColor).eql('#008000');11});12import { Selector } from 'testcafe';13const fromPoint = require('testcafe-browser-tools').fromPoint;14test('My test', async t => {15    const button = Selector('#submit-button');16    await t.click(button);17    const buttonOffset = await button();18    const buttonCenter = {19    };20    const buttonColor = await fromPoint(buttonCenter.x, buttonCenter.y);21    await t.expect(buttonColor).eql('#008000');22});23import { Selector } from 'testcafe';24const fromPoint = require('testcafe-browser-tools').fromPoint;25test('My test', async t => {26    const button = Selector('#submit-button');27    await t.click(button);28    const buttonOffset = await button();29    const buttonCenter = {30    };31    const buttonColor = await fromPoint(buttonCenter.x, buttonCenter.y);32    await t.expect(buttonColor).eql('#008000');33});34import { Selector } from 'testcafe

Using AI Code Generation

1import { Selector } from 'testcafe';2const fromPoint = require('testcafe').fromPoint;3test('My first test', async t => {4    const button = await fromPoint(200, 200);5    await t.click(button);6});7import { Selector } from 'testcafe';8const fromPoint = require('testcafe').fromPoint;9test('My first test', async t => {10    const button = await fromPoint(200, 200);11    await t.click(button);12});13import { Selector } from 'testcafe';14const fromPoint = require('testcafe').fromPoint;15test('My first test', async t => {16    const button = await fromPoint(200, 200);17    await t.click(button);18});19import { Selector } from 'testcafe';20const fromPoint = require('testcafe').fromPoint;21test('My first test', async t => {22    const button = await fromPoint(200, 200);23    await t.click(button);24});25import { Selector } from 'testcafe';26const fromPoint = require('testcafe').fromPoint;27test('My first test', async t => {28    const button = await fromPoint(200, 200);29    await t.click(button);30});

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.