How do I display images from Google Drive on a website?

Rukesh Basukala — Wed, 18 Dec 2024 17:59:11 +0000

Step 1: Open Google Drive
Visit Google Drive Official Website and share a file.

Step 2: Share File
Open Google Drive and upload the image you want to use on your website. Then, click on the image with your right mouse button and select "Share" to grab the link and change permission.

Step 3: Change Permission
In the sharing window, click on the permissions menu and pick "Anyone with the link." This lets anyone with the link see the file, even if they don't have a Google account. Then, hit "Copy link" to copy the link to your file.

Step 4: Create Thumbnail Image Link

Step 3 will give link like this: https://drive.google.com/file/d/10hhX4pIZr0NhuusN4eHvf4ghah5d6yAG/view?usp=sharing.
Extract the ID of the image from the link, which is between /d/ and /view. In this case, the ID is 10hhX4pIZr0NhuusN4eHvf4ghah5d6yAG.
Use the extracted ID to create a thumbnail link by inserting it into the following URL template: https://drive.google.com/thumbnail?id={ID of Image}.
The final thumbnail link will look like this: https://drive.google.com/thumbnail?id=10hhX4pIZr0NhuusN4eHvf4ghah5d6yAG.

Step 5: Use it on Your Website

<img src="https://drive.google.com/thumbnail?id=10hhX4pIZr0NhuusN4eHvf4ghah5d6yAG" alt="Image From Drive">

reference
https://codepen.io/raulpenate/pen/wvOozzw

Testing: Mock And Stub

Rukesh Basukala — Tue, 18 Apr 2023 14:24:42 +0000

Introduction

Testing is a method to check whether the actual software product matches the expected requirements.Testing is Important because if there are any bugs or errors in the software, they can be identified early and can be solved before the delivery of the software product.
Testing is a crucial part of software development, but it can be challenging to test code that depends on external dependencies and if you're interacting with 3rd party APIs, you don't want to make real calls every time you run a test. That's where mocks and stubs come in. In this guide, we'll take a deep dive into the world of mocks and stubs, and explore how they can help you isolate your tests and improve the reliability of your code.

What are mocks and stubs?

Before diving into how to use mocks and stubs, it's important to understand what they are. In short, mocks and stubs are simulated objects that mimic the behavior of real objects in controlled ways. Mocks are typically more flexible and configurable, while stubs are simpler and more focused on replacing a single dependency.

Mock Vs Stub

The main difference between a mock and a stub is that mocks tend to be more flexible and configurable, while stubs are simpler and more focused on replacing a single dependency. Both mocks and stubs are used to isolate the code being tested from external dependencies.

Why use mocks and stubs?

Mocks and stubs are used to isolate the code being tested from external dependencies.
mocks and stubs can help you to speed up your tests by eliminating the need to wait for external dependencies to respond.

How to use RSpec-mocks

RSpec is a popular testing framework for Ruby on Rails. We can use webmock gem to mock and stub in Ruby on Rails.
The following steps show how you might use WebMock to mock an HTTP request in a Rails application:

add the webmock gem to your Gemfile and bundle install:

group :test do
  gem "webmock"
end

bundle install
or

gem install webmock

In your test file, require the webmock gem and disable real HTTP connections:

require 'webmock/rspec'
WebMock.disable_net_connect!

Set up the stubbed response:

get request

stub_request(:get, "https://example.com/users").
to_return(status: 200, body: '{"users": [{"id": 1, "name": "foo", email: "example@test.com"}]}')

post request

 stub_request(:post, "https://example.com/users/signup")
    .with(body: {email: "example@test.com", password: "password1234", name: "foo"}.to_json)
    .to_return(status: 200, body: {"user": {"id": 1, "name": "foo", email: "example@test.com"}})

Trigger the code that makes the request to the external API. The stubbed response will be returned instead of a real response.

describe MyController do
  it "does something" do
    get :index
    expect(response.body).to eq '{"users": [{"id": 1, "name": "foo", email: 'example@test.com'}]}'
  end
end

Conclusion:

Mocks and stubs are powerful tools for isolating your tests and improving the reliability of your code. With this guide, you should now have a solid understanding of what mocks and stubs are, why to use them and how to mock using webmock.

DEV Community: Rukesh Basukala