livlog

We can trigger the action directly. We don't have to put the calculation logic in the HTML, instead we can add in the computed. The difference here is that when we use in HTML, we don't have to call the variable with "this", but here in app.js, we should call with "this". We use 'watch' to see the flow of the game

V-if The v-if directive allows you to conditionally render or display an element or a block of elements based on a specified expression. If the expression evaluates to true, the element or block will be rendered and displayed in the DOM (Document Object Model). If the expression evaluates to false, the element or block will be removed from the DOM. This message will be displayed if showMessage i..

Interpolation, Data binding Vue.js - Assignment V-On and V-bind v-on is used to listen to events and attach event handlers to elements. It allows you to react to user interactions, such as clicks, mouse movements, and keyboard events. You can bind methods or inline expressions to the event using v-on. For example, v-on:click="handleClick" will call the handleClick method when the element is clic..

Before executes one time before the whole code, and for after it's vice versa BeforeEach and AfterEach executes every before and after. // before // after // beforeEach // AfterEach describe("MyTestSuite", () => { before(() => { cy.log("***** Launch app *****"); }); after(() => { cy.log("***** close app *****"); }); beforeEach(() => { cy.log("****** Login *******"); }); afterEach(() => { cy.log(..

import "cypress-file-upload"; describe("File Uploads", () => { it.skip("Single File Upload", () => { cy.visit("http://the-internet.herokuapp.com/upload"); cy.get("#file-upload").attachFile("test1.pdf"); cy.get("#file-submit").click(); cy.wait(5000); cy.get("div[class='example'] h3").should("have.text", "File Uploaded!"); }); it.skip("File Upload - Rename", () => { cy.visit("http://the-internet.h..

import "cypress-iframe"; require("@4w/cypress-drag-drop"); describe("Mouse Operations", () => { it.skip("MouseHover", () => { cy.visit("https://demo.opencart.com/"); cy.get( "body > main:nth-child(3) > div:nth-child(1) > nav:nth-child(1) > div:nth-child(3)>ul:nth-child(1)>li:nth-child(2)>a:nth-child(1)" ).should("not.be.visible"); cy.get(".nav > :nth-child(1) > .dropdown-toggle") .trigger("mouse..

wrap Yield the object passed into .wrap(). If the object is a promise, yield its resolved value. Syntax​ cy.wrap(subject) cy.wrap(subject, options) Usage​ Correct Usage cy.wrap({ name: 'Jane Lane' }) Arguments​ subject (Object) An object to be yielded. options (Object) Pass in an options object to change the default behavior of cy.wrap(). OptionDefaultDescription Yields ​ cy.wrap() yields the ob..

import "cypress-iframe"; describe("handling frames", () => { it.skip("approach1", () => { cy.visit("https://the-internet.herokuapp.com/iframe"); const iframe = cy .get("#mce_0_ifr") .its("0.contentDocument.body") .should("be.visible") .then(cy.wrap); iframe.clear().type("Welcome {cmd+a}"); // {cmd+a}: because we need to change all the words to bold cy.get("[aria-label='Bold']").click(); }); // w..