264 lines
4.2 KiB
Ruby
264 lines
4.2 KiB
Ruby
|
# frozen_string_literal: true
|
||
|
|
||
|
require 'spec_helper'
|
||
|
|
||
|
describe 'Indenting embedded views' do
|
||
|
i <<~EOF
|
||
|
def render(assigns) do
|
||
|
~L"""
|
||
|
<div>
|
||
|
Some content
|
||
|
</div>
|
||
|
"""
|
||
|
end
|
||
|
EOF
|
||
|
|
||
|
i <<~EOF
|
||
|
def render(assigns) do
|
||
|
~H"""
|
||
|
<div class="theres a-/ in the class names from tailwind">
|
||
|
<div class="some more classes">
|
||
|
This is immediately nested
|
||
|
<div>
|
||
|
<input type="number" value="2" />
|
||
|
There's a self-closing tag
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
"""
|
||
|
end
|
||
|
EOF
|
||
|
|
||
|
i <<~EOF
|
||
|
def render(assigns) do
|
||
|
~L"""
|
||
|
<div id="123456">
|
||
|
Some content
|
||
|
</div>
|
||
|
"""
|
||
|
end
|
||
|
EOF
|
||
|
|
||
|
i <<~EOF
|
||
|
def render(assigns) do
|
||
|
~L"""
|
||
|
<div
|
||
|
id="123456"
|
||
|
>
|
||
|
Some content
|
||
|
</div>
|
||
|
"""
|
||
|
end
|
||
|
EOF
|
||
|
|
||
|
i <<~EOF
|
||
|
def render(assigns) do
|
||
|
~L"""
|
||
|
<div />
|
||
|
<p>Some paragraph</p>
|
||
|
"""
|
||
|
end
|
||
|
EOF
|
||
|
|
||
|
i <<~EOF
|
||
|
def render(assigns) do
|
||
|
~L"""
|
||
|
<div>
|
||
|
it
|
||
|
<div>
|
||
|
keeps
|
||
|
<div>
|
||
|
nesting
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
"""
|
||
|
end
|
||
|
EOF
|
||
|
|
||
|
i <<~EOF
|
||
|
def render(assgins) do
|
||
|
~L"""
|
||
|
<div>
|
||
|
<%= for i <- iter do %>
|
||
|
<div><%= i %></div>
|
||
|
<% end %>
|
||
|
</div>
|
||
|
"""
|
||
|
end
|
||
|
EOF
|
||
|
|
||
|
i <<~EOF
|
||
|
def render(assigns) do
|
||
|
~L"""
|
||
|
<%= live_component @socket,
|
||
|
Component,
|
||
|
id: "<%= @id %>",
|
||
|
user: @user do
|
||
|
%>
|
||
|
|
||
|
<main>
|
||
|
<header>
|
||
|
<h1>Some Header</h1>
|
||
|
</header>
|
||
|
<section>
|
||
|
<h1>Some Section</h1>
|
||
|
<p>
|
||
|
I'm some text
|
||
|
</p>
|
||
|
</section>
|
||
|
</main>
|
||
|
|
||
|
<% end %>
|
||
|
"""
|
||
|
end
|
||
|
EOF
|
||
|
|
||
|
i <<~EOF
|
||
|
def render(assigns) do
|
||
|
~L"""
|
||
|
<%= render_component,
|
||
|
@socket,
|
||
|
Component do %>
|
||
|
|
||
|
<p>Multi-line opening eex tag that takes a block</p>
|
||
|
<% end %>
|
||
|
"""
|
||
|
end
|
||
|
EOF
|
||
|
|
||
|
i <<~EOF
|
||
|
def render(assigns) do
|
||
|
~L"""
|
||
|
<div>
|
||
|
<%= render_component,
|
||
|
@socket,
|
||
|
Component %>
|
||
|
</div>
|
||
|
|
||
|
<%= render_component,
|
||
|
@socket,
|
||
|
Component %>
|
||
|
<p>Multi-line single eex tag</p>
|
||
|
"""
|
||
|
end
|
||
|
EOF
|
||
|
|
||
|
i <<~EOF
|
||
|
def render(assigns) do
|
||
|
~H"""
|
||
|
<Component
|
||
|
foo={{
|
||
|
foo: [
|
||
|
'one',
|
||
|
'two',
|
||
|
'three'
|
||
|
],
|
||
|
bar: %{
|
||
|
"foo" => "bar"
|
||
|
}
|
||
|
}}
|
||
|
/>
|
||
|
"""
|
||
|
end
|
||
|
EOF
|
||
|
|
||
|
i <<~EOF
|
||
|
def render(assigns) do
|
||
|
~L"""
|
||
|
<%= live_component @socket,
|
||
|
Component,
|
||
|
id: "<%= @id %>",
|
||
|
team: @team do
|
||
|
%>
|
||
|
|
||
|
<div>
|
||
|
<div>
|
||
|
<div>
|
||
|
A deeply nested tree
|
||
|
<div>
|
||
|
with trailing whitespace
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div id="id-ends-with-greater-than->"
|
||
|
propWithEexTag="<%= @id %>"
|
||
|
anotherProp="foo"
|
||
|
/>
|
||
|
|
||
|
<%= for i <- iter do %>
|
||
|
<div><%= i %></div>
|
||
|
<% end %>
|
||
|
|
||
|
<div
|
||
|
opts={{
|
||
|
opt1: "optA",
|
||
|
opt2: "optB"
|
||
|
}}
|
||
|
id="hi"
|
||
|
bye="hi" />
|
||
|
|
||
|
<ul>
|
||
|
<li :for={{ item <- @items }}>
|
||
|
{{ item }}
|
||
|
</li>
|
||
|
</ul>
|
||
|
|
||
|
<div id="hi">
|
||
|
Hi <p>hi</p>
|
||
|
I'm ok, ok?
|
||
|
<div>
|
||
|
hi there!
|
||
|
</div>
|
||
|
<div>
|
||
|
<div>
|
||
|
<p>hi</p>
|
||
|
<hr />
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<Some.Surface.Component />
|
||
|
|
||
|
<Another
|
||
|
prop="prop"
|
||
|
prop2="prop2"
|
||
|
>
|
||
|
<div>content</div>
|
||
|
</Another>
|
||
|
|
||
|
<div foo />
|
||
|
|
||
|
<div>hi</div>
|
||
|
|
||
|
<div>
|
||
|
<div>
|
||
|
content
|
||
|
</div>
|
||
|
<div />
|
||
|
<div>
|
||
|
content in new div after a self-closing div
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<p
|
||
|
id="<%= @id %>"
|
||
|
class="multi-line opening single letter p tag"
|
||
|
>
|
||
|
<%= @solo.eex_tag %>
|
||
|
<Nested
|
||
|
prop="nested"
|
||
|
>
|
||
|
content
|
||
|
</Nested>
|
||
|
</p>
|
||
|
|
||
|
<% end %>
|
||
|
"""
|
||
|
end
|
||
|
EOF
|
||
|
end
|